CSS Coder für fertiges Design

/* Nullformatierung für Mozilla und IE */
*{margin:0px; padding:0px; }

#pre_content {display:none;}
#pre_header {display:none;}
#post_header {display:none;}
#post_content {display:none;}
#below_content {display:none;}
#extraDiv2 {display:none;}
#extraDiv3 {display:none;}
#extraDiv4 {display:none;}
#extraDiv5 {display:none;}
#extraDiv6 {display:none;}
h1#header {display:none;}

a{
color:#0a0478;
text-decoration: none;}

a:hover{
color:#0a0478;
text-decoration:underline;}


body {
background-position:0px 410px;
background-image: url(http://img.webme.com/pic/m/modgar-bloggt/background.png);
background-repeat: repeat-x;
background-color: #202020;}

#Design {
width: 621px;
}

#header_container {
position: absolute;
left: 50%;
left: 10px;
height: 160px;
width: 871px;
background-color: transparent;
background-image: url(http://img.webme.com/pic/m/modgar-bloggt/header.png);
border: 1px solid #ffffff;}


#content {
padding-left: 250px;
z-index: 1;
top: 300px;
padding-bottom: 32px;
padding-top: 165px;
width: 621px;
min-height: 800px;
color: #000000;
font-family: Arial, sans-serif;
font-size: 12px;
background-color: #ffffff;
border: 1px solid #ffffff;
float: left;}


#title span{
color: #0a0478;
font-family: Arial, sans-serif;
font-size: 16px;
text-decoration: underline;}


#nav_container {
position:absolute;
z-index: 10;
left: 50%;
top: 285px;
left: 15px;
height: 500px;
width: 228px;
background-color: #ecf2f2;
border: 1px solid #808080;}

#nav_Startseite{
border-top: 0px solid #808080;}

ul#nav {
width: 200px;
padding: 0px;
left: 5px;
height: 22px;}


li.nav_element{
height: 30px;
list-style-type:none;
position: relative;
left:50%
top:200;
left:0px;
width: 180px;
border-bottom: 1px solid #000000;
}


li.nav_element a {
display: block;
width: 228px;
margin-left:0px;
padding-top: 7px;
height: 23px;
font-family:arial, sans-serif;
font-size:12px;
font-weight: bold;
text-decoration: none;
text-align: left;
color: #0a0478;
background-color:transparent;
border: 0px }


li.nav_element a:hover {
display: block;
width: 180px;
margin-left:0px;
padding-top: 7px;
height: 23px;
font-family:arial, sans-serif;
font-size:12px;
font-weight: bold;
text-decoration: none;
text-align: left;
text-decoration: none;
font-family: Arial, sans-serif;
color: #ffffff;
background-color: #0a0478;}


#sidebar_container {
position: absolute;
z-index: 12;
left: 50%;
top: 680px;
left: 15px;
height: 430px;
width: 218px;
background-color: #ecf2f2;
border: 1px solid #808080;
padding: 5px;
font-family: Arial, sans-serif;
font-size: 12px;}


#sidebar_heading {
color: #0a0478;
font-family: Arial, sans-serif;
font-size: 14px;
text-decoration: none;
text-align: center;}


#Besucher {
position: absolute;
z-index: 8;
left: 50%;
top: 980px;
margin-left: -437px;
height: 81px;
width: 228px;
background-color: #ecf2f2;
border-right: 1px solid #808080;
border-bottom: 1px solid #808080;
padding: 5px;
font-family: Arial, sans-serif;
font-size: 14px;
color: #0a0478;
font-weight: bold;
text-align: center;}


#footer {
margin: 0px auto;margin-left:0px;
clear: both;
height: 13px;
background-color: #efefef;
background-image: url(http://img.webme.com/pic/m/modgar-bloggt/footer.png);
font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
text-align:center;
padding:10px;
width: 853px;
z-index:43;}