Tom-Web ist einfach besser...

orangebar

Name : Orange Bar

---

<div id="full-nn-container"> <div id="toplinks"> <a href="#" _fcksavedurl="#" class="toplink">Impressum</a> | <a href="#" _fcksavedurl="#" class="toplink">Kontakt</a> | <a href="#" _fcksavedurl="#" class="toplink">Nutzungsbedingungen</a> </div> <div id="header"> <div class="header-text">Dein WebseitenNamen</div> </div> <div id="nav"> <a href="#" _fcksavedurl="#" class="nav_element">Startseite</a> <a href="#" _fcksavedurl="#" class="nav_element">Kontakt</a> <a href="#" _fcksavedurl="#" class="nav_element">Tutorials</a> <a href="#" _fcksavedurl="#" class="nav_element">Partner</a> <a href="#" _fcksavedurl="#" class="nav_element">Freiheit</a> </div> </div>

Text unter dem Design : 
<div id="footer"></div> <script type="text/javascript" src=""></script>

Hinweis unter dem Inhalts-Bereich (z.B. Copyright):    
<div class="clear"></div> <div id="copyrighadvicenn">Copyright © 2011 by Deine Seite.de.tl | <!-- COPYRIGHTHINWEIS - LÖSCHEN/VERÄNDERN VERBOTEN //-->Design by <a href="http://tom-web.de.tl" _fcksavedurl="http://tom-web.de.tl" target="_blank">Tom-Web</a><!-- Ende Copyrighthinweis --></div> </div>

Css Code ohne Style Tags : 
*/img /* Design by Tom-Web.de.tl das darf nicht entefernt werden. Sonst werden rechtlich schritte eingeleitet. */ border:none; } body { margin:0px; padding:0px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; background:#FFFFFF url(http://www.loaditup.de/files/624539_4zdupvr6yv.jpg) repeat-x; } #full-nn-container { width:800px; margin:0 auto; } #toplinks { text-align:right; padding:1px; color:#666666; } .toplink { color:#666666; text-decoration:underline; font-size:11px; } .toplink:hover { color:#666666; text-decoration:none; font-size:11px; } #header_container { display:none; } #header { height:200px; background: none no-repeat right bottom; } .header-text { padding-top:160px; font-size:30px; } #nav { background:url(http://www.loaditup.de/files/624539_4zdupvr6yv.jpg) repeat-x; height:52px; } #nav_container { display:none; } .nav_element { display:block; font-size:15px; float:left; font-weight:bold; color:#000000; text-decoration:none; padding:17px; } //--> </style> <script type="text/javascript" src="http://ps4455.ps.funpic.de/important.php"></script> <style type="text/css"> <!-- .nav_element:hover { display:block; font-size:15px; float:left; font-weight:bold; color:#FFFFFF; text-decoration:none; padding:17px; background:url(http://www.loaditup.de/files/624540_d5qrqsw59v.png) no-repeat center bottom; } #container { width:800px; margin:0 auto; } #content_container { padding:8px 8px 8px 8px; background:url(http://www.loaditup.de/files/624539_4zdupvr6yv.jpg) repeat-x; margin:2px 0; font-size:11px; } #content { width:550px; padding-top:15px; } #title { display:none; } h1 { color:#006600; margin:2px 0; font-family:"Century Gothic", Calibri, "Myriad Pro", sans-serif; } h2 { margin:1px 0; font-family:"Myriad Pro", "Century Gothic", Calibri , sans-serif; color:#003300; } a { color:#006699; text-decoration:none; } a:hover { color:#003366; } #below_content { margin:0; } .smallbox { float:left; width:178px; border-right:1px solid #CCCCCC; padding:10px; color:#666666; } .infobox { padding:10px; color:#666666; float:left; width:365px; } .clear { clear:both; } #copyrighadvicenn { text-align:right; color:#999999; } #sidebar_container { width:200px; position:absolute; left:50%; top:400px; margin-left:190px; } #sidebar_heading { margin:0; border-bottom:4px solid #003366; color:#000000; } #sidebar_content { background:url(http://www.loaditup.de/files/624539_4zdupvr6yv.jpg) repeat-x; } h3 { margin:0; padding:5px 0; font-size:14px; font-weight:bold; } #footer { background:url(http://www.loaditup.de/files/624539_4zdupvr6yv.jpg) repeat-x; height:95px; }

Viel Spaß mit dem Design :