Text über dem Design:
<div class="templatemo_container"> <div id="templatemo_header"> <div id="templatemo_logo_area"> <div id="templatemo_logo"><a target="_blank" href="http://hpbk-interview.de.tl" _fcksavedurl="http://hpbk-interview.de.tl">Dein Titel</a></div> <div id="templatemo_slogan">Dein Slogen</div> </div> <div id="templatemo_menu"> <ul> <li><a href="#" _fcksavedurl="#">Home</a></li> <li><a href="#" _fcksavedurl="#">About</a></li> <li><a href="#" _fcksavedurl="#">Interview Übersicht</a></li> <li><a href="#" _fcksavedurl="#">Tests</a></li> <li><a href="#" _fcksavedurl="#">Tipps</a></li> <li><a target="_parent" href="#" _fcksavedurl="#">Helfer</a></li> <li><a href="#" _fcksavedurl="#">Designs</a></li> </ul> </div> </div> <!-- end of header --> <div id="templatemo_image_fader"> </div> <div id="templatemo_content_area"> <div id="templatemo_left"> <div class="templatemo_post"> <div class="templatemo_post_title">Dein Titel</div> <div class="templatemo_post_text"><a href="http://hpbk-interview.de.tl" _fcksavedurl="http://hpbk-interview.de.tl">

Text unter dem Design:
</div> <div class="templatemo_post_bottom">Dein Sloagen</div> </div> <div class="templatemo_post2"> </div> <div class="templatemo_post_text2"> </div> </div> </div> <!-- End Of left--> <div id="templatemo_right"> <div class="templatemo_section"> <div class="templatemo_section_title">Extras</div> <div class="templatemo_section_bottom"> <ul class="templatemo_list"> <li><a href="#" _fcksavedurl="#">Topliste</a></li> <li><a href="#" _fcksavedurl="#">Login</a></li> <li><a href="#" _fcksavedurl="#">Gästebuch</a></li> <li><a href="#" _fcksavedurl="#">Kontakt</a></li> <li><a href="#" _fcksavedurl="#">Impressum</a></li> </ul> </div> </div> <div class="templatemo_section"> <div class="templatemo_section_title">Partnerseiten</div> <div class="templatemo_section_bottom"> <ul class="templatemo_list"> <li><a href="#" _fcksavedurl="#">Frei</a></li> <li><a href="#" _fcksavedurl="#">Frei</a></li> <li><a href="#" _fcksavedurl="#">Frei</a></li> <li><a href="#" _fcksavedurl="#">Frei</a></li> <li><a href="#" _fcksavedurl="#">Frei</a></li> </ul> </div> </div> </div> <!-- End Of right--> <div class="cleaner"> </div> </div> <!-- End Of Content area --></div> <!-- End Of Container --> <div id="templatemo_bottom_area"> <div class="templatemo_container"> <div class="templatemo_section_1"> <h1>Vote4Me</h1> <ul class="templatemo_list templatemo_gray_list"> <li><a target="_parent" href="#" _fcksavedurl="#">Frei</a></li> <li><a target="_blank" href="#" _fcksavedurl="#">Frei</a></li> <li><a target="_blank" href="#" _fcksavedurl="#">Frei</a></li> <li><a target="_blank" href="#" _fcksavedurl="#">Frei</a></li> <li><a href="#" _fcksavedurl="#">Frei</a></li> </ul> </div> <div class="templatemo_section_1"> <h1>Nützliche Links</h1> <ul class="templatemo_list templatemo_gray_list"> <li><a href="#" _fcksavedurl="#">Kommt</a></li> <li><a href="#" _fcksavedurl="#">Kommt</a></li> <li><a href="#" _fcksavedurl="#">Kommt</a></li> <li><a href="#" _fcksavedurl="#">Kommt</a></li> <li><a href="#" _fcksavedurl="#">Kommt</a></li> </ul> </div> <div class="templatemo_section_2"> <h1>About</h1> <p>Hier kann eventuell dein Text stehen! <br /><br /> <a href="http://hpbk-interview.de.tl/About.htm" _fcksavedurl="http://hpbk-interview.de.tl/About.htm">Weiterlesen</a><br /></p> <a href="http://validator.w3.org/check?uri=referer" _fcksavedurl="http://validator.w3.org/check?uri=referer"><img vspace="8" border="0" alt="Valid XHTML 1.0 Transitional" src="http://www.w3.org/Icons/valid-xhtml10" _fcksavedurl="http://www.w3.org/Icons/valid-xhtml10" style="border: 0pt none; width: 88px; height: 31px;"></a> <a href="http://jigsaw.w3.org/css-validator/check/referer" _fcksavedurl="http://jigsaw.w3.org/css-validator/check/referer"><img vspace="8" border="0" alt="Valid CSS!" src="http://jigsaw.w3.org/css-validator/images/vcss-blue" _fcksavedurl="http://jigsaw.w3.org/css-validator/images/vcss-blue" style="border: 0pt none; width: 88px; height: 31px;"></a></div> <div class="cleaner"> </div> <div id="templatemo_footer">Copyright © 2011 <a href="http://hpbk-interview.de.tl" _fcksavedurl="http://hpbk-interview.de.tl">HPBK-Interview</a> | Design Angebot by <a href="http://hpbk-interview.de.tl" _fcksavedurl="http://hpbk-interview.de.tl">HpBk-Interview</a> <br /> <a target="_parent" href="http://www.iwebsitetemplate.com" _fcksavedurl="http://www.iwebsitetemplate.com">Website Templates</a> by <a target="_parent" href="http://www.templatemo.com/page/1" _fcksavedurl="http://www.templatemo.com/page/1">Free CSS Templates</a> | Coding: <a href="http://HpBk-TemplateWorld.de.tl" _fcksavedurl="http://HpBk-TemplateWorld.de.tl">HpBk-TemplateWorld</a></div> </div> </div> <!-- Free CSS Templates by TemplateMo.com -->

CSS Code (Ohne Style Tags):
#extraDiv1 { display:none; } #extraDiv2 { display:none; } #extraDiv3 { display:none; } #extraDiv4 { display:none; } #extraDiv5 { display:none; } #extraDiv6 { display:none; } #pre_header { display:none; } #post_header { display:none; } #pre_content { display:none; } #nav_heading { display:none; } #nav { display:none; } div.header { display:none; } h1#title { display:none; } h2#title span { display:none; } td[height="102"] { position:absolute; left:50%; margin-left:-384px; } #counter{ position:absolute; left:50%; top:300px; left: 800px;} /* CSS Credit: http://www.templatemo.com */ html { background: #fff; } body { margin: 0; padding:0; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.5em; width: 100%; display: table; background: url(http://www.loaditup.de/files/571796.jpg) repeat-x; } a:link, a:visited { color: #0066CC; text-decoration: underline; } a:active, a:hover { color: #990000; text-decoration: none; } p { color: #666; text-align: justify; margin: 0 0 10px 0; } h1 { font-size: 18px; color: #999; margin: 0 0 10px 0; } .templatemo_container { width: 930px; margin: auto; } #templatemo_logo_area { float: left; width: 265px; height: 65px; font-weight: bold; color: #CCC; margin: 40px 0 0 0; } #templatemo_logo { font-size: 30px; margin: 0 0 15px 0; } #templatemo_logo a { color: #CCC; text-decoration: none; } #templatemo_slogan { font-size: 14px; margin: 0; } .field { float: left; width: 234px; height: 23px; border: none; border: none; color : #ccc; font-size: 15px; padding: 5px 3px 0 3px; background: #000; border: 1px solid #333; } .button { float: right; width: 90px; height: 30px; border: none; background: url(http://www.loaditup.de/files/571787.jpg) repeat-x; border: 1px solid #333; color : #ccc; font-size: 15px; cursor: pointer; } #templatemo_menu { height: 28px; float: left; width: 930px; margin: 40px 0 0 0; } #templatemo_menu ul { list-style: none; display: inline; } #templatemo_menu ul li { list-style: none; float: left; margin: 0; padding: 0; } #templatemo_menu li a { float: left; height: 23px; display: block; color: #804000; text-decoration: none; font-size: 15px; font-weight: bold; text-align: center; cursor: pointer; margin: 0 5px 0 0; padding: 5px 20px 0 20px; } #templatemo_menu li.current a, #templatemo_menu li a:hover { background: url(http://www.loaditup.de/files/571788.jpg) repeat-x; color: #fff; } #templatemo_image_fader { width: 930px; height: 240px; padding: 0; margin: 0 0 30px 0; } #templatemo_content_area { width: 930px; } #templatemo_left { width: 600px; float: left; } .templatemo_post { width: 600px; margin: 0 0 10px 0 ; } .templatemo_post_title { width: 580px; height: 30px; background: url(http://www.loaditup.de/files/571789.jpg) no-repeat; font-size: 18px; padding: 10px 0 0 20px; margin: 0; } .templatemo_post_title a { color: #666; text-decoration: none; } .templatemo_post_title a:hover { color: #0099CC; } .templatemo_post_text { width: 558px; border-left: 1px #cccccc solid; border-right: 1px #cccccc solid; padding: 20px 20px 10px 20px; } .templatemo_post_text img { float:left; margin: 0 10px 10px 0; border: 1px solid #ccc; padding: 5px; } .templatemo_post_bottom { width: 580px; height: 30px; background: url(http://www.loaditup.de/files/571790.jpg) no-repeat; font-size: 12px; text-align: right; padding: 10px 20px 0 0; margin: 0; } .templatemo_post_bottom a { color: #666; text-decoration: none; } .templatemo_post_bottom a:hover { color: #0066CC; text-decoration: underline; } #templatemo_right { float: right; width: 300px; } .templatemo_section { width: 300px; margin: 0 0 30px 0; } .templatemo_section_title { width: 278px; height: 30px; background: url(http://www.loaditup.de/files/571791.jpg); border-left: 1px solid #ccc; border-right: 1px solid #ccc; font-size: 18px; color: #666; padding: 10px 0 0 20px; } .templatemo_section_bottom { width: 258px; background: url(http://www.loaditup.de/files/571792.jpg) bottom no-repeat; border-left: 1px solid #ccc; border-right: 1px solid #ccc; padding: 5px 20px 10px 20px; } #templatemo_bottom_area { background: url(http://www.loaditup.de/files/571793.jpg) #000 repeat-x; width: 100%; padding: 20px 0; } .templatemo_section_1 { width: 178px; float: left; border: 1px solid #292929; padding: 20px 20px 10px 20px; margin: 0 20px 0 0; } .templatemo_section_2 { width: 408px; float: right; border: 1px solid #292929; padding: 20px 20px 10px 20px; margin: 0; } #templatemo_footer { width: 100%; color: #AAA; font-size: 11px; background: none; margin: 10px 0 0 0; padding: 0; text-align: center; } #templatemo_footer a { color: #AAA; text-decoration: none; } #templatemo_footer a:hover { color: #FFF; } .templatemo_list { color: #333; text-align: justify; list-style: none; padding: 0 0 0 10px; } .templatemo_list li { font-size: 11px; list-style: disc; padding: 0px; margin: 5px 0px; } .templatemo_list a { color: #333; text-decoration: none; } .templatemo_list a:hover { color: #0066CC; text-decoration: underline; } .templatemo_gray_list li, .templatemo_gray_list a { color: #999; } .templatemo_gray_list a:hover { color: #FFF; } .cleaner { clear: both; height: 0; margin: 0; padding: 0; }