-

desing 2

Text ueber dem design:

<div id="Mein_Bild"></div>

<div id="header"><img src="http://i56.tinypic.com/zvcuvb.jpg"></img></div>

<div id="navibox">
<a href="http://www.delightfularts.de.be/" class="navi">Home</a>
<a href="http://www.delightfularts.de.be/" class="navi">About</a>
<a href="http://www.delightfularts.de.be/" class="navi">Site</a>
<a href="http://www.delightfularts.de.be/" class="navi">Suff</a>
<a href="http://www.delightfularts.de.be/" class="navi">G-book</a>
<a href="http://www.delightfularts.de.be/" class="navi">Affiliates</a>
<a href="http://www.delightfularts.de.be/" class="navi">Link me</a>
</div>




css code ohne style tags:


.h1 {
font-family: Georgia,arial;
font-size: 14px;
display: block;
line-height: 17px;
margin-bottom: 3px;
margin-top: 2px;
text-align: left;
letter-spacing: 0px;
padding-left: 20px;
padding-top: 1px;
padding-bottom: -1px;
color: #c9715b;
font-weight: bold;
text-transform: uppercase;
border-left: 10px solid #854839;
}

#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;}
 #delightful_content {display: none;}
 #nav{display: none;}
 div.header{display: none;}
 h2#title{display: none;}

a:link {
color: #ffffff;
background-color: #547972;
text-decoration: none;}

a:visited {
color: #ffffff;
background-color: #547972;
text-decoration: none;
}

a:hover {
color: #ffffff;
background-color: #547972;
text-decoration: line-through;
}

b, strong{
color:#c9715b;
font-weight: bold;
}

body {
overflow-x: hidden;
background-image: url('http://i56.tinypic.com/51udlu.jpg');
background-attachment:fixed;
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin: 0px;
margin-top: -106px;
width: 1600px;
height:500px;
border:0px;}

#content {
position: absolute;
top:499px;
background-color: #ffffff;
margin-left: 120px;
width: 498px;
left: 120px;
color: #252525;
padding-right:6px;
padding-left:6px;
padding-top:25px;
padding-bottom:30px;
text-align: justify;
background-color: #ffffff;
font-family: Consolas, arial;
font-size: 11px;
overflow:auto;}

#header{
position: absolute;
left:240px;
top:153px;
border: 5px solid #ffffff;
overflow:auto;}


#navibox{
position: absolute;
left:240px;
top:467px;
width: 498px;
padding-left: 12px;
background-color: #ffffff;
overflow:auto;}



::-moz-selection
{
color: #ffffff;
background-color: #7e9871;
text-shadow: #ac2020 1px 1px 1px;
}

ul#nav{
width: 20px;
padding: 5px;
margin: 5px;}

li.nav_element{
list-style-type: none;
position: relative;
padding:1px;
width: 100px;}

li.nav_element a{
display: block;
width: 100px;
height: 15px;
padding: -2px;
font-weight:;
text-decoration:;
text-align: justify;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-align: right;
word-spacing: 0px;
letter-spacing: 0px;
color: #bababa;
background-color:#272e55;
background-image:url(xx);
border-bottom: 0px solid color:#ffffff; }



li.nav_element a:hover{
color: #ffffff;
background-color:#272e55;
background-image:url(xx);}          


A.navi:link, A.navi:active, A.navi:visited {
font-family: Lucida Console,arial;
font-size:11px;
letter-spacing: 1px;
color: #8e5158;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
line-height: 32px;
text-decoration: none;
text-transform: uppercase;
background-color: #ffffff;
}

A.navi:hover {
font-family: Lucida Console,arial;
font-size:11px;
letter-spacing: 1px;
color: #ffffff;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
line-height: 32px;
font-style:italic;
text-decoration: none;
text-shadow: #444444 1px 1px;
text-transform: uppercase;
background-color: #3d5d6c;
-moz-border-radius:10px;
}