* { padding: 0; margin: 0; }
html { height: 101%; }
body { color: black; font-size: small; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: black; background-image: url(bilder/hinten-2.jpg); background-repeat: repeat; background-position: left 0; }
/* ============================
1. Div-Bereiche
==============================*/
#wrapper { color: black; background-color: white; background-image: url(bilder/nav-hinter2.jpg); background-repeat: repeat-y; background-position: left 0; width: 995px; margin: 10px auto; border-top: 1px solid #8c8c8c; border-right: 1px solid #8c8c8c; border-left: 1px solid #8c8c8c; }
#kopfbereich { color: black; background-image: url(fotostudio-frankfurt.jpg); background-position: left 0; height: 80px; 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 { float: left; width: 150px; height: 630px; padding-top: 20px; border-right: 1px solid #8c8c8c; }
#navibereich li { list-style: none; border-left: 1px solid #79102f; border-bottom: 1px solid #79102f; margin: 0; }
#navibereich a { display: block; /*ganze Fläche ist anklickbar*/ text-decoration: none; padding: 4px; color: black; font-weight: bold; border-left: 3px solid transparent; }
#navibereich a:hover, #startseite #navi01 a, #babyfotos #navi02 a, #bewerbungsfotos #navi03 a, #frauenfotos #navi04 a, #hochzeitsfotos #navi05 a, #kinderfotos #navi06 a, #kindergartenfotos #navi07 a, #maennerfotos #navi08 a, #schwangerenfotos #navi09 a, #kontaktseite #navi10 a, #anfahrt #navi11 a { color: black; background-color: white; text-decoration: none; border-left: 3px solid #79102f;}
#navibereich ul { color: #000; width: 80%; margin-left: 10px; padding-left: 0;}
/* Rahmenlinie oberhalb vom Listenelement "Startseiet" */
#textbereich { float: right; width: 800px; padding: 20px 10px 20px 20px; }
#hauptinhalt { float: left; width: 660px; }
#nebeninhalt { float: right; width: 120px;}
#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; }