html, body {margin:0; padding:0;}
body   {background-image: url(maerz.jpg); background-color: #F0F0F0; font-size:100.01%; z-index:0;}
p      {margin:0 0 3px 0;}

#himmel  {position:absolute; top:0px; left:0px; width:100%; height:460px; z-index:1; margin:0;}
#logo  {position:absolute; top:30px; left:40px; z-index:1;}
#logo a img {border:0;}
#dach  {position:absolute; top:74px; left:34px; background-image:url(dach.gif); width:600px; height:167px; z-index:3;}
#haus  {position:absolute; top:237px; left:50px; background-image:url(putz.jpg); width:570px; height:290px; z-index:2;
        border-left:2px solid #c4c4c4; border-right:2px solid #c4c4c4;}
h1     {margin:0 10px; padding:0; width:160px; float:left; font-size:0.9em;}

ul     {list-style-type:none;}
li     {margin:0; padding:0;}
li a   {display:block; background-repeat:no-repeat; z-index:4;}
li span a  {display:block; z-index:3;}

.reisen {position:absolute; top:260px; left:80px; width:138px; height:98px;}
#reisen   {background: url(f2.jpg)  transparent;}
#reisen:hover {background-image: url(f2a.jpg);}
.dresden {position:absolute; top:260px; left:265px; width:138px; height:98px;}
#dresden  { background: url(f4.jpg) transparent;}
#dresden:hover {background: url(f4a.jpg);}
.silvester {position:absolute; top:260px; left:450px; width:138px; height:98px;}
#silvester   { background: url(f5.jpg) transparent;}
#silvester:hover {background-image: url(f5a.jpg);}
.buch {position:absolute; top:390px; left:80px; width:138px; height:98px;}
#buch    {background: url(f3.jpg) transparent;}
#buch:hover {background-image: url(f3a.jpg);}
.katzen {position:absolute; top:390px; left:360px; width:54px; height:74px;}
#katzen {background: url(f6.jpg) transparent;}
#katzen:hover {background-image: url(f6a.jpg);}

.amani {position:absolute; top:390px; left:450px; width:138px; height:98px;}
#amani {background: url(f1.jpg) transparent;}
#amani:hover {background-image: url(f1a.jpg);}
/*
#baum  {position:absolute; top:400px; left:640px; z-index:6;}
#baum img, #baum a img {border:0;}
  */

/*
.xmas    {position:absolute; top:420px; left:680px; width:140px; height:200px;}
span.xmas {position:absolute; top:420px; left:680px; width:140px; height:200px;}
#xmas     {background:url(scheemann.gif) transparent; z-index:10;}

.xmas    {position:absolute; top:420px; left:680px; width:205px; height:250px;}
span.xmas {position:absolute; top:420px; left:680px; width:205px; height:250px;}
#xmas     {background:url(weihnachtsbaum.gif) transparent; z-index:10;}

#xmas1    {z-index:0;}
#bau    {display:none;}
*/
a.blog {position:absolute; top:390px; left:366px; width:86px; height:176px;}
span.blog {position:absolute; top:390px; left:366px; width:86px; height:176px;}
#blog {background:url(besen.gif) transparent; z-index:2;}
#blog1 {z-index:0;}


a.bau {position:absolute; top:520px; left:680px; width:180px; height:75px;}
span.bau {position:absolute; top:320px; left:680px; width:180px; height:70px;}
#bau {background:url(see.gif) transparent; z-index:6;}
/*
.bau     {position:absolute; top:420px; left:680px; width:140px; height:200px;}
span.bau {position:absolute; top:420px; left:680px; width:140px; height:200px;}
#bau     {background:url(scheemann.gif) transparent; z-index:10;}
*/
#bau1 {z-index:0;}
#xmas    {display:none;}

.start    {position:absolute; top:390px; left:250px; width:90px; height:138px;}
#start    {background: url(doorw.jpg) transparent;}
#start:hover {background-image: url(dooropen.gif);}
.me       {position:absolute; top:100px; left:185px; width:66px; height:100px;}
#me       {background: url(rahmen.gif) transparent;}
#me:hover {background-image: url(rahmen2.gif);}

#gab     {display:none;}
#rezepte {display:none;}
#tips    {display:none;}

#done  {position:absolute; top:527px; left:50px; width:570px;
       background-image: url(mauer3.jpg); padding:5px 0; border:2px solid #c4c4c4;
       font-family:Verdana, sans-serif; color: #5F5F5F; font-size:0.8em;}
#done p {margin:0 10px; padding:0; width:160px; float:left;}
#done h1 span {font-size:0.6em; font-weight:normal;}