* { padding: 0; margin: 0; }
html { height: 100%; }
body { color: black; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(bilder/holzhandel.jpg); background-repeat: repeat; background-position: left 0; }
/* ============================
1. Div-Bereiche
==============================*/
#wrapper { color: black; background-color: white; background-image: url(bilder/navilinks.jpg); background-repeat: repeat-y; background-position: left 0; width: 995px; margin: 10px auto; border-right: 1px solid #8c8c8c; border-left: 1px solid #8c8c8c; }
#kopfbereich { color: black; background-image: url(bilder/brennholz.jpg); background-position: left 0; height: 80px; padding: 10px 20px 0; border-bottom: 1px solid #8c8c8c; border-top: 1px solid #8c8c8c; }
#kopfbereich img { background-color: white; padding: 5px; border-color: #d9d9d9; border-width: 5px; }
#kopfbereich p { margin-bottom: 0; padding: 5px 0; }
#anzeige { border-bottom: 1px solid #8c8c8c; }
#navibereich { color: black; background-color: #fc6; text-align: right; height: 25px; padding-top: 4px; border-top: 1px solid #8c8c8c; }
#navibereich li { margin: 0; display: inline; list-style-type: none; }
#navibereich a { color: black; background-color: #ffeda0; padding: 4px; border-color: #8c8c8c; border-width: 1px; }
#navibereich a:hover, #startseite #navi01 a, #brennholz #navi02 a, #hackschnitzel #navi03 a, #pellets #navi04 a, #briketts #navi05 a, #sitemap #navi06 a, #kontakt #navi07 a { color: black; background-color: white; text-decoration: none; padding-bottom: 5px; border-bottom: medium none; }
#navibereich ul { margin-bottom: 0; }
/* Rahmenlinie oberhalb vom Listenelement "Startseite" */
#navilinks { float: left; width: 180px; padding-top: 20px; border-right: 1px solid #8c8c8c; }
#navilinks li { list-style: none; border-left: 1px solid #79102f; border-bottom: 1px solid #79102f; margin: 0; }
#navilinks a { text-decoration: none; padding: 1px; color: black; font-weight: bold; border-left: 3px solid transparent; }
#navilinks a:hover, #navi10 a{ color: black; background-color: white; text-decoration: none; border-left: 3px solid #79102f;}
#navilinks ul { color: #000; font-size: smaller; margin-right: 5px; margin-left: 5px; padding-left: 0; }
#textbereich { float: right; width: 780px; }
#hauptinhalt { float: left; width: 620px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; }
#nebeninhalt { text-align: right; float: right; width: 130px; height: 650px; border-left: 1px solid gray; }
#fussbereich { color: #fcf7f7; clear: both; background-color: white; padding: 10px 20px 20px; border-top: 1px solid #8c8c8c; }
/* ============================
2. Allgemeine html Elemente
==============================*/
td {}
a { text-decoration: none; outline: none; }
a:link { color: #79102f; font-weight: bold; }
a:visited { color: #b33535; font-weight: bold; }
a:focus { text-decoration: none; }
a:hover { text-decoration: underline; }

a:active { color: white ; font-weight: bold; background-color: #6d1515; }
h1 { font-size: 150%; padding-bottom: 12px; }
h2 { font-size: 130%; margin-bottom: 1em; }
address { font-size: 80%; font-style: normal; line-height: 1.5em; text-align: center; letter-spacing: 2px; }
.skiplink { display: none; }
p, ul { margin-top: 0; margin-left: 0; margin-right: 0; margin-bottom: 1em;  }
ul ul { margin: 0; }
li { margin-top: 0; margin-left: 1em; margin-right: 0; margin-bottom: 0; }
/* ============================
2. Das Kontaktformular
==============================*/
form { background-color: #eee; width: 400px; padding: 20px; border-color: #8c8c8c; border-width: 1px; }
label { display: block; }
#absender, textarea { width: 300px; margin-bottom: 1em; border-color: #8c8c8c; border-width: 1px; }
textarea { height: 7em;}
input:focus, textarea:focus { background-color: #d9d9d9; }