* {
    padding: 0;
    margin: 0;
} 

body {
background: #ffcc00 url(hintergrund.jpg);
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000000;
}

img { 
border: none; 
padding: 12px 0 0 0px;
}

a { 
color: #cc3300;  
}

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

#wrap {
margin: 40px auto 0 auto;
width: 800px;
}

#header { 
padding-bottom:10px;
}

#header h1 {
font-size: 52px;
font-weight: bolder;
color: #fff;
padding: 12px 0 0 0px;
}



#menu {
height: 30px;
line-height: 30px;
background: #ffcc00 url(menu.jpg) no-repeat;
}
#menu ul {
padding-left: 18px;
list-style-type: none;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
color: #cc3300;
padding: 0 7px;
text-decoration: none;
font-weight: 600;
}
#menu ul li a:hover {
color: #339900;
text-decoration: underline;
}




#content {
background: #fff url(content.jpg) repeat-y;
padding: 10px 20px;
}




.left {
width: 618px;
float: left;
text-align: justify;
}
.left h2 {
color: #339900;
font-size: 24px;
font-weight: 100;
padding : 10px 0 15px 0;
}



.right {
width: 100px;
float: right;
}

.right ul {
list-style-type: none;
padding: 35px 0 0 0;
}




#top {
background: #ffcc00 url(top.jpg) no-repeat;
padding: 5px 0;
}

#bottom {
background: #ffffff url(bottom.jpg) no-repeat;
padding: 10px 0;
}



#footer {
padding: 0 0 50px 0;
}