body {margin:0; padding:20px 0 0; background: #555 url(img/body.gif) repeat-y fixed 50% 0; text-align:center; font-size:80%;}
abbr {border-bottom:1px dotted #990000; cursor:help;}


/*#motherdiv {position:relative; background:url(img/motherdiv.gif) repeat-y 50% 0; width:716px; margin:0 auto; text-align:left;}

h1 {font:0/0 sans-serif; width: 716px; height:303px;}

#header {width: 716px; height:303px;}*/

#motherdiv {position:relative; background:url(img/motherdiv.gif) repeat-y 50% 0; width:716px; margin:0 auto; text-align:left;}

h1 {font:small-caps 25px verdana, sans-serif; color:#990000; padding: 5px 0px 0px 465px; margin: 7px 5px 0px 0px; position:absolute;}

#logo {position:absolute; padding: 11px 0 0 635px; margin:0;}

#logomain {position:relative; padding-top: 100px; border:0px;}

h6 {font:0/0 sans-serif; text-indent:-3000px; width: 716px; height:303px;}

#pre_content {width:199px; height: 40px; font:0/40px sans-serif; position:absolute; top:262px; left:19px; background:url(img/pre_content.gif) no-repeat}

#navigation {width:199px; position:absolute; top:302px; left:19px; background:url(img/navi.gif) no-repeat 0 0; min-height:250px; font: 1em/1.2em verdana, sans-serif;}

ul {list-style:none; margin:0 0 0 10px; padding:0; position:relative}
ul li a {color:#990000; text-decoration:none; font:1em/20px verdana, sans-serif; display:block; width:156px; background:url(img/navmoz.png) no-repeat 0 0; padding-left: 17px; margin-bottom: 2px}
ul li a:hover  {background-position:0 -20px; color:#000}
ul li#active {position:absolute; left: 1px; bottom:-20px; height:7px;}
ul li#active span {display:block; background:url(img/activespan.gif) no-repeat; font:0/7px sans-serif; text-indent:-3000px; width:156px}

#content {margin:0 28px 0 228px; font: 1em/140% verdana, sans-serif;}
#content a {color:#990000; text-decoration:none; border-bottom:1px solid #000}
#content a:hover {color:#000; border-bottom:1px solid #990000}

h2 {font:small-caps 2.2em verdana, sans-serif; color:#990000; background: url(img/h3.gif) no-repeat 0 100%;padding-bottom:2px; margin-bottom: 2px; position:relative}
h3 {font:bold small-caps 1.1em/22px verdana, sans-serif; color:#990000; background: url(img/h3.gif) no-repeat 0 100%; padding-bottom:2px; margin-bottom:2px;}
h4 {font:small-caps 1.1em/22px verdana, sans-serif; color:#990000; padding: 0 0 0 3px; margin: 0 0 0 0;}

.underlist {list-style-type:square; padding-left: 15px; margin: 0; }
.underlist ul li a {color:#000; text-decoration:none; font:1em/20px verdana, sans-serif;}
.underlist ul li a:link {color:#000}
.underlist ul li a:hover {color:#990000}

#photos {position:relativ}
ul {list-style-type: none; margin: 0; padding: 0; position:relative;}
ul li a {color:#990000; text-decoration:none; font:1em/20px verdana, sans-serif;}
ul li a:hover {text-decoration: none;}

#footer {position:absolut; height: 46px; width: 716px; background: url(img/footer.gif) no-repeat;}
#footer p {margin:0 28px 0 218px; font:10px/17px verdana, sans-serif; color: #333}
#footer p a{text-decoration:none; color:#333}
#footer p a:hover {color:#990000}
#footer p a#idee {padding-right:5px; background: url(img/idee.gif) no-repeat right;}
#footer p a#impressum {padding-left:15px; padding-right:15px; float: right;} 

#copyright {text-align: right; padding: 0px 15px 0px 0px; margin: 0 0 0 0}

/*extrawuerste*/
* html #navigation {height:241px}
* html ul {height:1%}
* html ul li {height:20px;}
* html ul li a {background:url(img/navkrueppel.gif) no-repeat 0 0;}

html>body h3 {padding-bottom:3px}
html>body h3:first-letter {padding-left:3px;position:relative;}
/*
html>body #abs_eins h3:first-letter {background:url(img/h3_zutaten.gif) no-repeat 0 0}
html>body #abs_zwei h3:first-letter {background:url(img/h3_gerichte.gif) no-repeat 0 0}
html>body #abs_drei h3:first-letter {background:url(img/h3_wachstum.gif) no-repeat 0 0}
html>body #abs_vier h3:first-letter {background:url(img/h3_rezepte.gif) no-repeat 0 0}
*/