*    { margin: 0;  padding: 0; }
body { font: 1.2em Arial, Verdana, Helvetica, sans-serif; color: #000; background: #fff; }
p    { margin: 10px 0 10px 0; }

h  { color: #cc0066; background: transparent; }
h1 { font-size: 1.4em; margin: 0 0 20px 0; padding: 5px 0 0 0; }
h2 { font-size: 1.3em; margin-bottom: 20px; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; margin: 20px 0 10px 0; }
ul { list-style-type: disc; }
a  { text-decoration: none; }

#logo { margin: 20px 10% 20px 200px; text-align: center; }
#content { color: red; min-width: 300px; margin: 0 10px 10px 214px; padding: 0 10% 0 20px; border-left: solid 3px; }
#navi { margin: 0 0 0 0px; width: 200px; float: left; }

#navi a { color: black; font-weight: bold; font-size: 1.1em; width: 200px; padding: 10px 15px 10px 0; display: block; text-align: right; }
#navi a:visited { color: #787878; }
#navi a:hover, #navi a:focus, #navi a:active { color: red; border-bottom: solid 3px; padding: 10px 15px 7px 0; }
.hier { }

#navtext { text-align: right; margin: 2em 0 40px 0; }
#navtext li { display: inline; }
#navtext a { color: black; margin-top: 0.5em; padding: 0 5px 0 5px;}
#navtext a:visited { color: #787878; }
#navtext a:hover, #navtext a:focus, #navtext a:active { color: red; }

a.text:link { color: black; }
a.text:visited { color: #787878; }
a.text:focus, a.text:hover, a.text:active { color: red; }

.index { margin: 80px 0 20px 0; }
.fett { font-weight: bold; margin: 0 0 20px 0; }
.fett2 { font-weight: bold; }
.textlist { margin: 0 0 20px 0; }
.textlist li { margin: 0 0 0 20px ; padding: 0 0 0 10px; }
.list { margin: 0 0 0 20px; padding: 20px 0 20px 0; }
.list li { padding: 0 0 0 10px; }
.kontakt { margin: 43px 0 0 0; }
.imgright { float: right; clear: right; margin: 0 0 0 11px; padding: 5px 0 0 0; }
.imgleft { float: left; clear: left; margin: 0 11px 0 0; padding: 5px 0 0 0; }
.preis1 { margin: 0 0 10px 0; }
.preis2 { margin: 0 0 30px 0; }
.ueber  { margin: 0 0 10px 10px; }
.mich  { margin: 10px 0 20px 0; }