Bling-GB: Layout 2

Text über dem Design:
<div id="Mein_Bild"></div>


<div id="navibox">
<p class="blinggb1">main menu</p>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">01. </span>Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">02. </span>Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">03. </span>Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">04. </span>Navititel</a>
<br>

<p class="blinggb1">navigation</p>


<center><a href="DEINE-URL.de.tl" border="0"><img src="http://i56.tinypic.com/2zyinid.png" border="0"></img></a></center><br>


<table id="table1" width="100%" border="0"><tbody>
<tr valign="top">
<td style="width: 50%">
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>

<td style="width: 50%">
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
<a href="http://www.bling-gb.de.be" class="navi">Navititel</a>
</td>
</tr>
</tbody></table>
<br>



<p class="blinggb1">credits</p>
<a href="http://www.bling-gb.de.be" class="navi2"><span class="herz">01. </span>Layout</a>


<br>
</div>


<div id="CREDITS">
<a href="http://bling-gb.net/" class="credit">&#9829;</a>

</div>

CSS-Code ohne Style-Tags:
.iconleft{
margin-bottom:4px;
margin-top:4px;
margin-right: 12px;
border: 3px solid #ffffff;
-moz-box-shadow: 0px 0px 8px #d8d8d8;
}

.iconright{
margin-bottom:4px;
margin-top:4px;
margin-left: 12px;
border: 3px solid #ffffff;
-moz-box-shadow: 0px 0px 8px #d8d8d8;
}


.herz{ color: #CCCCCC; font-style: italic;}

.blinggb1{
text-transform: uppercase;
font-family:  arial;
margin-top: 3px;
font-size: 11px;
font-weight: bold;
color: #CCCCCC;
padding-bottom: 5px;
margin-bottom: 6px;
margin-right: 1px;
letter-spacing: 1px;
border-top: 1px dotted #CCCCCC;}

.textueber{
text-transform: uppercase;
font-family:  arial;
margin-top: 3px;
font-size: 11px;
font-weight: bold;
color: #fc5db3;
padding-bottom: 5px;
margin-bottom: 6px;
margin-right: 1px;
letter-spacing: 1px;}

.blinggb2{
font-family: Edwardian Script ITC, arial;
 font-size: 30pt;
color: #fc5db3;
letter-spacing: 1px;
line-height: 30px;
border-bottom: 1px dotted  #CCCCCC;}

.datum{
font-family: arial;
 font-size: 12px;
color: #cccccc;
text-align: right;}


.deineseite{
text-transform: uppercase;
font-family:  arial;
font-weight: bold;
font-size: 20px;
color: #000000;}


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

a:link {
color: #7F7F7F;
text-decoration: none;}

a:visited {
color: #7F7F7F;
text-decoration: none;}

a:hover {
color: #fc5db3;}



body {
overflow-x: hidden;
background-image: url('https://img.webme.com/pic/t/testlayout32/hintergrund_1.png');
}

*{ padding: 0; margin: 0; }


#Mein_Bild {
margin-top: -140px;
margin-left: 1px;
background-image: url('http://i54.tinypic.com/n20rit.jpg');
width: 830px;
height:480px;
border:0px;}


#content {
padding-top: 20px;
position: absolute;
top:423px;
padding-bottom: 25px;
margin-left: 96px;
width: 470px;
color: #7F7F7F;
text-align: justify;
font-family: arial;
word-spacing: 2px;
letter-spacing: 0,3px;
font-size: 12px;
padding-left: 20px;
overflow:auto;}





#navibox{
padding-top: 47px;
padding-bottom: 40px;
position: absolute;
left:595px;
padding-left: 12px;
top:423px;
width: 193px;
padding-right: 10px;
color: #7F7F7F;
text-align: justify;
font-family: arial;
word-spacing: 2px;
letter-spacing: 0,3px;
font-size: 12px;
overflow:auto;}

::-moz-selection
{
color: #ffffff;
background-color: #cccccc;
}

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;}

li.nav_element a:hover{
color: #ffffff;}           


A.navi:link, A.navi:active, A.navi:visited {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #f6f6f6;
padding-top: 7px;
padding-bottom: 2px;
padding-left: 22px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #919191;}

A.navi:hover {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #f6f6f6;
padding-top: 7px;
text-shadow: 1px 1px #ffffff;
padding-bottom: 2px;
padding-left: 22px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #fc5db3;}

#CREDITS{
position: absolute;
left:815px;
top:112px;
overflow:auto;}



A.navi2:link, A.navi2:active, A.navi2:visited {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #ffffff;
padding-top: 5px;
padding-left: 18px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #919191;}

A.navi2:hover {
display: block;
font-family: tahoma;
font-size: 11px;
letter-spacing: 1px;
background-color: #ffffff;
padding-top: 5px;
padding-left: 18px;
height: 18px;
text-align:left;
margin-bottom: 1px;
margin-top: 2px;
color: #fc5db3;}


A.credit:link, A.credit:active, A.credit:visited {
display: block;
font-family: tahome,arial;
font-size:17px;
font-weight: bold;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 5px;
padding-top: 5px;
letter-spacing: 2px;
text-align:center;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
background-color: #c3c3c3;
margin-bottom: 7px;
color: #ffffff;}

A.credit:hover {
display: block;
font-family: tahome,arial;
font-size:17px;
font-weight: bold;
padding-bottom: 6px;
padding-left: 8px;
padding-right: 5px;
padding-top: 5px;
letter-spacing: 2px;
text-align:center;
-moz-border-radius-topright: 5px;
-moz-border-radius-bottomright: 5px;
background-color: #c3c3c3;
margin-bottom: 7px;
color: #fc5db3;}