* { padding: 0; margin: 0; }
html { height: 101%; }
body { color: black; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(bilder/holz-aus-hamburg.jpg); background-repeat: repeat; background-position: left 0; }
/* ============================
1. Div-Bereiche
==============================*/
#wrapper { color: black; background-color: white; background-image: url(bilder/hamburger-holz.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/holz-hamburg.jpg); background-position: left 0; height: 95px; padding: 10px 20px 0; border-bottom: 1px solid #8c8c8c; }
#kopfbereich img { background-color: white; padding: 5px; border-color: #d9d9d9; border-width: 5px; }
#kopfbereich p { margin-bottom: 0; padding: 5px 0; }
#navibereich { color: black; background-color: #fc6; text-align: right; height: 20px; padding-top: 4px; }
#navibereich li { margin: 0; display: inline; list-style-type: none; }
#navibereich a { color: black; background-color: #ffeda0; padding: 4px 8px; border-color: #8c8c8c; border-width: 1px; }
#navibereich a:hover, #startseite #navi01 a, #holzhandel #navi02 a, #holzhandwerk #navi03 a, #holzindustrie #navi04 a, #kontaktseite #navi05 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: 150px; height: 630px; 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 { display: block; /*ganze Fläche ist anklickbar*/ text-decoration: none; padding: 4px; color: black; font-weight: bold; border-left: 3px solid transparent; }
#navilinks a:hover, #bauholz #navi06 a, #holzfussboden #navi07 a, #holz im garten #navi08 a, #holzgrosshandel #navi09 a, #brennholz #navi10 a, #holzeinzelhandel #navi11 a{ color: black; background-color: white; text-decoration: none; border-left: 3px solid #79102f;}
#navilinks ul { color: #000; width: 80%; margin-left: 10px; padding-left: 0;}
#textbereich { float: right; width: 800px; }
#hauptinhalt { float: left; width: 640px; padding-top: 20px; padding-right: 10px; padding-bottom: 20px; }
#nebeninhalt { text-align: right; float: right; width: 140px; height: 650px; border-left: 1px solid gray; }
#fussbereich { 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; }