MIDN8

TEXT ÜBER DEM DESIGN

<div id="Design-wow">
<div id="top2"></div>
<div id="top3"></div>
<div id="sidebar">
<div id="menu2">
<h3 class="sidebar_header">Gruppe 1 </h3>
<ul  >
<li><a href="http://midn8.de.tl/"  >Seite 1</a></li>
<li><a href="http://midn8.de.tl/G.ae.stebuch.htm"  >Seite 2</a></li>
<li><a href="http://midn8.de.tl/Kontakt.htm"  >Seite 3</a></li>
<li><a href="#"  >Seite 4</a></li>
<li><a href="#"  >Seite 5</a></li>
<li><a href="#"  >Seite 6</a></li>
</ul>
<h3 class="sidebar_header">Gruppe 2 </h3>
<ul  >
<li><a href="http://midn8.de.tl/"  >Seite 7</a></li>
<li><a href="http://midn8.de.tl/G.ae.stebuch.htm"  >Seite 8</a></li>
<li><a href="http://midn8.de.tl/Kontakt.htm"  >Seite 9</a></li>
<li><a href="#"  >Seite 10</a></li>
<li><a href="#"  >Seite 11</a></li>
<li><a href="#"  >Seite 12</a></li>
</ul>
<div class="sidebar_footer"></div>
</div>
</div>


TEXT UNTER DEM DESIGN

<div id="footer">MIDN8.de.tl   •  Design by  www.homepage-designer.info</div>
</div>


CSS-Code ohne STYLE TAGS

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: #0D1716;}

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:#68A1D5;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--------------------------- */

#Design-wow {margin: 0 auto;  width:990px; background-color: #0D1716;
border:solid 0px #265cff;
background-image:url(https://img.webme.com/pic/m/midn8/kubrickbgcol.jpg);
background-repeat: no-repeat;}

#top2 {
color: #FFFFFF;
width: 990px;
padding-left:0px;
border: 0px solid #FF0000;
height: 242px;
background-image: url(https://img.webme.com/pic/m/midn8/header_top.jpg);
}

#top3 {background-image:url(https://img.webme.com/pic/m/midn8/header_bottom.jpg);background-repeat: no-repeat;
background-position:center top;
padding-left:0px;
padding-right:0px;
height:41px;
width: 990px;
vertical-align:middle;
text-align:left;
color:#787878;
border-bottom:solid 0px #265CFF;
}

#content {
width: 582px;
height:570px;
background: #0D1716;
background-repeat: repeat-y;
background-image:url(https://img.webme.com/pic/m/midn8/kubrickbg-l.jpg);
color:#787878;
font-size: 16px;line-height: 18px;
padding-left: 15px;
margin: 0px 0px 0px 66px;
display: inline;
float: left;
overflow:auto;
border-left:solid 0px #265cff;}

/* -----------------NAVIGATION---------------------------- */

h3.sidebar_header {color:#B4A994;
font-size: 16px;line-height: 16px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
border-bottom:solid 0px #353535;padding-left: 20px;
background-image: none;background-repeat:repeat-x;}

.sidebar_footer{
height:51px;
color:#FFFFFF;
font-size: 16px;line-height: 51px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
border-bottom:solid 0px #353535;padding-left: 0px;
background-image:url(https://img.webme.com/pic/m/midn8/sidebar_footer.jpg);background-repeat: no-repeat;}

#sidebar {
width:259px;
height:570px;
background-image:url(https://img.webme.com/pic/m/midn8/kubrickbg.jpg);
background-color:#1F2025;
margin-right:68px;
float: right;
}


#menu2 {
width:249px;
height:px;
border: dashed 0px #fff;
background-color:#1F2025;
background-image:url(https://img.webme.com/pic/m/midn8/sidebar_repeat.jpg);
background-repeat: repeat;
text-align: left;
margin-top:-16px;
margin-bottom:0px;
margin-right:0px;
margin-left:0px;
padding-bottom:0px;
padding-top:0px;
}
#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:210px;
color:#0066CC;
text-decoration:none;
font-size: 16px;
font-family: arial, helvetica, tahoma ,verdana,  sans-serif;
height: 23px;
line-height: 23px;
background-image:url(https://img.webme.com/pic/m/midn8/skull.png);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:28px;
}
#menu2 li a:hover { background:TRANSPARENT;
color:#68A1D5;
text-decoration:underline;
background-image:url(https://img.webme.com/pic/m/midn8/skullred.png);
background-repeat:no-repeat;
background-position:4px 50%;
padding-left:38px;
}

#footer {
width: 990px;
background-color:#000;
background-image:url(https://img.webme.com/pic/m/midn8/kubrickfooter.jpg);background-repeat: no-repeat;
background-position:center top;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
font-size:12px;
line-height: 18px;
color: #797979;
height:165px;
text-align:center;
vertical-align:middle;
letter-spacing:4px;
clear: both;
}