Code
DESIGN CSS ONLY
------------TEXT ÜBER DEM DESIGN---------------
<div id="Design1">
<div id="top1"></div>
<div id="top2"></div>
<div id="top3">
<table align="center" id="menuhorizontal" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td ><a href="DEINE ADRESSE" >Home</a></td>
<td class="trenn">|</td>
<td ><a href="DEINE ADRESSE" >Kontakt</a></td>
<td class="trenn">|</td>
<td ><a href="DEINE ADRESSE" >Partner</a></td>
<td class="trenn">|</td>
<td ><a href="DEINE ADRESSE" >Gästebuch</a></td>
<td class="trenn">|</td>
<td ><a href="DEINE ADRESSE" >Über uns</a></td>
<td class="trenn">|</td>
<td ><a href="DEINE ADRESSE" >Links</a></td>
</tr>
</table>
</div>
<div id="menu2">
<h3 class="boxheader">Gruppe 1 </h3>
<ul >
<li><a href="DEINE ADRESSE" >Seite 1</a></li>
<li><a href="DEINE ADRESSE" >Seite 2</a></li>
<li><a href="DEINE ADRESSE" >Seite 3</a></li>
<li><a href="DEINE ADRESSE" >Seite 4</a></li>
<li><a href="DEINE ADRESSE" >Seite 5</a></li>
<li><a href="DEINE ADRESSE" >Seite 6</a></li>
</ul>
<h3 class="boxheader">Gruppe 2 </h3>
<ul >
<li><a href="DEINE ADRESSE" >Seite 1</a></li>
<li><a href="DEINE ADRESSE" >Seite 2</a></li>
<li><a href="DEINE ADRESSE" >Seite 3</a></li>
<li><a href="DEINE ADRESSE" >Seite 4</a></li>
<li><a href="DEINE ADRESSE" >Seite 5</a></li>
<li><a href="DEINE ADRESSE" >Seite 6</a></li>
</ul>
<h3 class="boxheader">Gruppe 3 </h3>
<ul >
<li><a href="DEINE ADRESSE" >Seite 1</a></li>
<li><a href="DEINE ADRESSE" >Seite 2</a></li>
<li><a href="DEINE ADRESSE" >Seite 3</a></li>
<li><a href="DEINE ADRESSE" >Seite 4</a></li>
<li><a href="DEINE ADRESSE" >Seite 5</a></li>
<li><a href="DEINE ADRESSE" >Seite 6</a></li>
</ul>
</div>
------------ENDE -TEXT ÜBER DEM DESIGN----------
------------TEXT UNTER DEM DESIGN----------
<div id="footer">DEIN NAME • DEINE STRASSE • DEINE STADT</div></div>
-----------ENDE - TEXT UNTER DEM DESIGN----------
-----------------CSS ohne STYL-tags----------------
die Grafiken bitte kopieren und bei dir hochladen
--------------werde sie bald löschen----------
/* ------überflüssiges entfernen--------- */div#nav_container{display:none ;}
#sidebar_heading{display: none;}
h1#title{display: none;}
h2#title span {display: none;}
li.nav_element{display:none ;}
li.nav_element a{display: none;}
div.header{display: none;}
#counter{display: none;}
body {background-color: #000000;}
/* ------------Link formatierung--------- */
a:link, a:visited, a:active{ font-size: 16px;line-height: 18px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;color:#828282 ;text-decoration:underline;background-color:#;}
a:hover{color:#FFFFFF;text-decoration:none}
/* überschriften */
h2{ font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#8E2C13;
margin-bottom:10px;letter-spacing:2px;font-size: 18pt;
border-bottom:dashed 0px #000;
padding-bottom:4px;font-style:italic;
}
/* --------------------------Beginn Neu--------------------------- */
#Design1 {margin: 0 auto; width:1000px; background-color: #000000; border:solid 1px #265cff;}
#top1 {background-color: #000;background-image:url(https://img.webme.com/pic/m/midn8/top1.jpg);background-repeat:repeat-x;
background-position:center top;
height:45px;
text-align:right;
padding-right:0px;
border-bottom:solid 1px #000;
color:#787878;
}
#top2 {
color: #FFFFFF;
width: 1000px;
border: 0px solid #FF0000;
height: 100px;
background-image: url(Dein HEADER BILD ADRESSE);
}
#top3 {background-image:url(https://img.webme.com/pic/m/midn8/top3.jpg);background-repeat:repeat-x;
background-position:center top;
padding-left:0px;
padding-right:0px;
height:48px;
vertical-align:middle;
text-align:left;
color:#787878;
border-bottom:solid 1px #265CFF;
}
#content {
width: 743px;
height: 100%;
background: #000;
background-image: none;
color:#787878;
font-size: 16px;line-height: 18px;
padding: 30px;
margin: 0px 0px 0px 0px;
display: inline;
float: left;
overflow:auto;
border-left:solid 1px #265cff;}
/* -----------------menue 1 Horizontal------------------- */
#menuhorizontal a, #menuhorizontal a:visited , #menuhorizontal a:active {display: block;
color:#797979;
text-transform:capitalize;font-variant:small-caps;
text-decoration:none ;font-family:verdana, sans-serif; font-size: 14px;
padding-left: 0px;padding-right: 0px; padding-bottom: 0px; padding-top:0px;
margin-left: 0px;margin-right: 0px;
border-left:solid 0px #AAAAAA;
height:45px;
line-height:45px;
text-align:center;
width:120px
}
#menuhorizontal a:hover {background-color:#; text-decoration:none ;
color:#265CFF;
text-decoration:underline ;
border-left:solid 0px #fff;
}
.trenn {width:1px;color:#4F4F4F}
/* --------------------menue 2--------------------------- */
h3.boxheader {color:#FF0000;
font-size: 16px;line-height: 47px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
border-bottom:solid 1px #265CFF;padding-left: 10px;
background-image:url(https://img.webme.com/pic/m/midn8/fuss2.jpg);background-repeat:repeat-x;}
#menu2 {
height: 100%;
border: dashed 0px #fff;
background-color:#000000;
text-align: left;
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
float: left;
}
#menu2 ul, #menu2 li {
list-style-type: none;
margin-left:4px;
padding: 0px;
color:#04537D
}
#menu2 li a:link, #menu2 li a:visited, #menu2 li a:active {display:block;
border-bottom: dashed 0px #C2631D;
width:160px;
color:#828282;
text-decoration:none;
font-size: 16px;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
height: 24px;
line-height: 24px;
background-image:url(https://img.webme.com/pic/m/midn8/sta.gif);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:28px;
}
#menu2 li a:hover { background:TRANSPARENT;
color:#BFBFBF;
text-decoration:underline;
background-image:url(https://img.webme.com/pic/m/midn8/sta2.gif);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:28px;
}
#footer {
width: 100%;
background-color:#000;
background-image:url(https://img.webme.com/pic/m/midn8/fuss2.jpg);background-repeat:repeat-x;
background-position:center top;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
line-height: 47px;
color: #797979;
height:47px;
text-align:center;
vertical-align:middle;
letter-spacing:4px;
clear: both;
}
