@import url("DCIB.css"); 
@import url("fullzoom.css"); 

html, body {
 font: 11px "Lucida Sans Unicode", "Lucida Sans", verdana, arial, helvetica;
 font-weight: normal;
 color: #7B6B3D;
 background: #CABDA2 url("/images/ground.gif");
 margin: 0px;
 padding: 0px;
 height:100%;
 width:100%;
 line-height: 17px;
}

a { 
 text-decoration:none; 
 border-style:none;
 border-width:0px;
 color: #7B6B3D;
}

img {
 border-style:none;
 border-width:0px;
}

h1 { font-size: 20px; font-weight: bold; color: #66583C; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; padding-top:107px; }
h2 { font-size: 13px; font-weight: bold; color: #766746; padding: 4px 0px 4px 0px; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }
h3 { font-size: 14px; font-weight: bold; color: #66583C; font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }

.clear { clear: both; }


/******
 Layout 
 ******/
 
#frame {
 position:relative;
 width:420px;
 top:0px;
 left:126px;
}

#back {
  position:relative;
  width:398px;
  background: url("/images/back.gif");
  padding: 0px 11px 0px 11px;
  }
  
 #header {
  position:relative;
  width:318px;
  padding: 50px 40px 0px  40px;
  background: #FFFFFF url("/images/header.gif") bottom no-repeat;
 }
 
 #bottom {
  padding: 0px;
  margin-bottom: 30px;
  position:relative;
  line-height:0px;
  font-size: 0px;
  height:11px;
  width:420px;
  background: url("/images/bottom.gif") no-repeat;
 }
 
 #wollgarten {
  margin: 17px 30px 10px 0px;
  position:relative;
  width:100px;
  height:126px;
  border: solid 2px #7B6B3D;
  float:left;
 }
 
 #tux {
 float:right;
 margin: 10px 5px 20px 20px;
 }
 
 #datum {
  position: relative;
  font-size: 9px;
  width:120px;
  text-align:right;
  float:right;
  margin-top:-10px;
  line-height: 12px;
  color: #666666;
 }
 
 #birds {
  padding: 0px;
  margin-left: -40px;
  margin-top: 74px;
  padding-bottom:68px;
  height:60px;
 }
 
 #girl {
  background: url('/images/girl.gif');
  width:398px;
  height:203px;
  margin-bottom:-203px;
  margin-left:-40px;
}
}