HPBK Code für Wordpress

/* Nullformatierung für alle Browser */
*{padding: 0px; margin: 0px; }

/* Werbung mittig */
table[height="102"] { margin: auto; }

/* Hintergrund hinter Design */
body {
background-color:   #000000;
background-image: url();
font-family: Copperplate / Copperplate Gothic Light, sans-serif;
font-size: 14px;
color: #000000; }

/* Design-Container */
#container {
width: 1000px;
margin: 10px auto;
overflow: hidden;
color: #808080;}

/* Headerfeld 1000 x 158 */
#header_container {
width: 1000px;
height: 158px;
margin-bottom: 10px;
background-color: #000000; transparent;
background-image: url(http://img.webme.com/pic/t/testseitetestseite/bannerani.gif);
border: 0px solid #c9c9c9; }

/* Titel im Headerfeld entfernt */
h1#header {display: none; }

/* Feld der Navigation */
#nav_container {
width: 1000px;
height: 40px;
margin-bottom: 10px;
background-color: #000000;
background-image: url();
border: 0px solid #c9c9c9; }

/* Titel über Navigation entfernt */
#nav_heading {display: none; }

/* Aufzählungspunkte in Navi entfernt */
ul#nav {
list-style-type: none; }

/* Navi-Buttons */
li.nav_element {
width: 141px;
height: 40px;
float: left;
text-align: center;
border-right: 1px solid #c9c9c9;
background-color: #000000;
background-image: url(http://img.webme.com/pic/t/testseitetestseite/button.jpg); }

/* Hover Navi-Button */
li.nav_element:hover { background-color: #008080;
background-image: url(http://img.webme.com/pic/t/testseitetestseite/button_mouseover.jpg);}

/* Linktexte in Navigation */
li.nav_element a {
display: block;
font-size: 15px;
color: #808080;
line-height: 40px;
text-decoration: none; }

/* Hover Linktexte Navigation */
li.nav_element a:hover { color: #FFFFFF; }

/* Seiteninhalt */
#content {
float:right;
width: 665px;
min-height: 200px;
padding: 20px 20px 20px 20px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/t/testseitetestseite/hintergrund_holz.jpg);
border: 0px solid #c9c9c9;
overflow: bottom; background-position: bottom;
margin: 10px auto;background-repeat:no-repeat;}

/* Titel Seiteninhalt + Titel über Box */
h2#title , #sidebar_heading {
padding: 0px 0px 0px 0px;
margin: -20px -20px 15px -20px;
background-color: #000000;
color: #000000;
font-size: 0px;
font-weight: normal;}

/* Link im Seiteninhalt */
#content a {color: #000080; }

/* Hover Link im Seiteninhalt */
#content a:hover {color: #008080; }

/* Rechte Box */
#sidebar_container {
float: left;
font-family: cursive;
font-size: 14px;
color: #000000;
width: 160px;
min-height: 160px;
padding: 40px 40px 40px 40px;
background-color: #000000;
background-image: url(http://img.webme.com/pic/t/testseitetestseite/jeans_label.jpg);
border: 0px solid #000000;
overflow: hidden;
margin-bottom: 0px;}

/* Liste in rechter Box */
#sidebar_content ul {
list-style-type: square;
margin: 15px 0px 15px 25px; }

/* Linktexte in Box */
#sidebar_content ul li a {
color: #000000;
font-size: 14px;
text-decoration: none; }

/* Hover Linktexte Box */
#sidebar_content ul li a:hover { color: chocolate; }

/* Feld unter dem Design */
#footer {
width: 920px;
padding: 20px 20px 20px 20px;
margin: auto;
background-color: #008080;
background-image: url(http://img.webme.com/pic/t/testseitetestseite/kontakt.png);
border: 1px solid #c9c9c9; }

/*POP-UP */
#cssPopup {
position: absolute;
left: 50%;
top: 50%;
width: 400px;
height: 200px;
margin-left: -200px;
margin-top: -100px;
background: #ffffff;
border: 2px solid #d4d0c8;
}

.cssPopup:hover{
   background-color: transparent;
   z-index: 50;
}
.cssPopup span{
   position: absolute;
   padding: 5px;
   left: 500px;
   visibility: hidden;
   color: black;
   border: 1px solid gray;
   background-color: #CCCCCC;
   width: 200px;
}
.cssPopup span img{
   border-width: 0;
   padding: 2px;
}
.cssPopup:hover span{
   visibility: visible;
   top: 0;
   left: 60px;
}


/* unnötige Felder im Design entfernt */
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content{display:none;}
#counter{display:none;}
#sidebar_heading{display:none;}