Sorry, ich habe den Post zu schnell auf die Reise geschickt.
Hier noch der CSS-Code:
html
{ height: 100%;}
{ margin: 0;
padding: 0;}
body
{ font: normal 14px sans-serif;
background: #1D1D1D url(‚images/Holzhintergrund.jpg‘);
color: #5D5D5D;
margin-top: 30px;
}
p
{ padding: 0 0 20px 0;
line-height: 1.7em;}
img
{ border: 0;}
h1, h2, h3, h4, h5, h6, h7, h8,
{ font: bold 175% ‚liberation sans‘, arial, sans-serif;
color: #1D1D1D;
margin: 0 0 15px 0;
padding: 15px 0 5px 0;}
h2
{ font: bold 165% ‚liberation sans‘, arial, sans-serif;}
h3
{ font: bold 125% ‚liberation sans‘, arial, sans-serif;
padding: 0 0 5px 0;
color: #1D1D1D;}
h4, h5, h6
{ margin: 0;
padding: 0 0 5px 0;
font: bold 110% ‚liberation sans‘, arial, sans-serif;
color: #1D1D1D;
line-height: 1.5em;}
h5, h6
{ font: italic 95% arial, sans-serif;
color: #1D1D1D;
padding-bottom: 15px;}
h6
{ color: #362C20;}
a, a:hover
{ background: transparent;
outline: none;
text-decoration: underline;
color: #5D5D5D;}
a:hover
{ text-decoration: underline;
color: #1D1D1D;}
ul
{ margin: 2px 0 22px 17px;}
ul li
{ margin: 2px 0 15px 17px;}
ol
{ margin: 8px 0 22px 20px;}
ol li
{ margin: 0 0 11px 0;}
#main, #header, #banner, #menubar, #site_content, #footer, .container_footer, .container_header
{ margin-left: auto;
margin-right: auto;}
#main
{ width: 920px;
background: transparent;}
#header
{ background: #FFF;
width: 920px;}
#banner
{ width: 880px;
position: relative;
height: 250px;
background: #FFF url(‚images/Holzfigurenbanner.jpg‘) no-repeat;
}
#banner H1
{ float: right;
font: bold 300% ‚liberation sans‘, arial, sans-serif;
color: #FFF;
padding: 0px 20px 0px 0px;}
#menubar
{ width: 920px;
height: 30px;
text-align: center;
margin: 0 auto;
background: transparent;
color: #000;
padding-top: 30px;}
ul#menu
{
margin:0}
ul#menu li
{ list-style: none;
margin: 2px 0 0 1px;
display: inline;
background: transparent;}
ul#menu li a
{ font: normal 120% arial, sans-serif;
display: inline;
letter-spacing: -1px;
height: 60px;
padding: 10px 15px 8px 15px;
text-align: center;
color: #FFF;
text-decoration: none;
background: transparent;}
ul#menu li.selected
{ background: transparent;}
ul#menu li.selected a, ul#menu li.selected a:hover
{ background: #FFF;
color: #000;}
ul#menu li a:hover
{ color: #000;
background: #FFF;}
#site_content
{ width: 920px;
overflow: hidden;
margin: 0 auto;
padding: 0;
background: #FFF;}
.sidebar_container
{ float: left;
width: 230px;
margin: 0 0 20px 20px;
background: #E2E2E2;}
.sidebar
{ float: left;
width: 210px;
padding-left: 10px;
margin-bottom: 10px;}
.sidebar_item
{ font: normal 100% Arial, Helvetica, sans-serif;
padding: 0 15px 0 0;
width: 201px;}
.sidebar h4
{ font-size: 125%;
color: #000;}
.sidebar ul li, .sidebar ul li.selected
{ list-style: none;
margin: 15px 0;
padding: 0;}
.sidebar li.selected, .sidebar li:hover
{ color: #5D5D5D;
text-decoration: none;}
#content
{ text-align: left;
width: 900px;
padding: 0;
margin: 0 20px 0 0;
float: left;}
.content_item
{ width: 620px;
margin: 0 0 20px 20px;
float: right;}
.content_image
{ width: 250px;
padding: 0px 20px 20px 0px;
float: left;}
.container_header
{ margin-top: 20px;
height: 15px;
width: 920px;
background: url(‚images/container_header.png‘) repeat-x 50% top;
}
.container_footer
{ height: 20px;
width: 920px;
background: url(‚images/container_footer.png‘) repeat-x 50% top;
}
#footer
{ width: 880px;
padding: 0 20px 0 20px;
background: #FFF;}
#footer_content
{ width: 880px;
font: normal 115% „liberation sans“, arial, sans-serif;
height: 45px;
padding: 30px 0 5px 0;
text-align: center;
background: #1D1D1D url(‚images/footer.png‘) no-repeat 50% bottom;
color: #FFF;
}
#footer a, #footer a:hover
{ color: #FFF;
background: #1D1D1D;
text-decoration: underline;}
#footer a:hover
{ text-decoration: none;}
ul.links
{ margin: 0;}
ul.links li
{ list-style: none;
padding: 8px 0;}
ul.links li a, ul.links li a:hover
{ padding: 0 0 0 28px;
background: transparent url(…/images/page.png) no-repeat left center;
color: #06C4E6;
text-decoration: underline;}
ul.links li a:hover
{ color: #5D5D5D;
text-decoration: none;}
