/**********************************************************/
/* Allgemein                                              */
/**********************************************************/
body {
  font-size: 12px;
  font-family: "Arial Unicode MS",Arial,sans-serif;
  color: #4D4D4D;
  padding: 20px;
  margin: 0;
  text-align: center;
}
a:link,
a:visited,
a:focus,
a:hover,
a:active {
  color: #4D4D4D;
  text-decoration: none;
}
#content {
  position: relative;
  text-align: left;
  vertical-align: middle;
  margin: 0 auto;
  padding: 0;
  margin-top: 99px;
  width: 768px;
  height: 459px;
  border: 1px solid #000;
}
h1 {
  margin-top: 13px;
  margin-left: -3px;
  font-size: 37px;
  line-height: 45px;
  letter-spacing: -.95px;
  font-weight: bold;
}
.green {
  color: #006666;
  font-weight: bold;
}
.footer {
  position: absolute;
  width: 200px;
  top: 410px;
  left: 300px;
}
.footer .stratema {
  color: #333333;
  font-size: 19px;
  font-family: "Times New Roman",serif;
  font-weight: bold;
  text-transform: uppercase;
  position: relative;
  top: -9px;
  left: 2px;
}
.footer .copyright {
  font-size: 11px;
  position: absolute;
  right: -217px;
  bottom: 11px;
  line-height: 12px;
}

/**********************************************************/
/* normale Seiten                                         */
/**********************************************************/
.menu {
  height: 100px;
  overflow: hidden;
  position: absolute;
  z-index: 100;
}
.menu li {
  text-align: center;
}
.menu ul.first {
  margin-top: 26px;
  margin-left: 46px;
  width: 672px;
  border-top: 4px #006666 solid;
}
.menu ul.first li {
  display: block;
  float: left;
  font-size: 11px;
  margin-top: 7px;
  width: 135px;
  line-height: 12px;
}
.menu ul.first ul li {
  display: block;
  float: none;
  width: 100%;
  margin: 0;
  padding-top: 1px;
}
.menu li#p1 {
  margin-left: -16px;
}
.menu li#p2 {
  margin-left: -47px;
}
.menu li#p3 {
  margin-left: -8px;
}
.menu li#p5 {
  margin-left: -14px;
}
.menu li#p6 {
  position: absolute;
  right: -13px;
}
.menu a.active {
  font-size: 12px;
  font-weight: bold;
  line-height: 13px;
  color: #006666;
}
.page .content {
  position: absolute;
  top: 82px;
  z-index: 90;
}
.page h1 {
  font-size: 19px;
  letter-spacing: -1.1px;
  color: #006666;
  margin-top: 14px;
}
.page .content p {
  letter-spacing: .44px;
  line-height: 16px;
  margin-bottom: 8px;
}
.page .content p b {
  letter-spacing: -.28px;
}
.page .content p i {
  letter-spacing: .5px;
}

/**********************************************************/
/* Homepage                                               */
/**********************************************************/
#content.homepage {
  width: 705px;
}
.homepage .header {
background: 217px url(img/voegel.gif) no-repeat;
  height: 176px;
}
.homepage h1,
.homepage h2 {
  text-align: center;
}
.homepage h1 {
  font-size: 38px;
  font-weight: bold;
  line-height: 38px;
  margin-top: 28px;
  margin-left: -6px;
   color: #006666;
}
.homepage h2 {
  font-size: 26px;
  font-weight: normal;
  letter-spacing: .3px;
  margin-top: 18px;
  margin-left: -9px;
     color: #006666;
}

.homepage p.pfeil {
  margin: 30px auto 0;
  font-size: 20px;
  line-height: 29px;
  letter-spacing: -.44px;
  text-align: center;
  background: 375px 7px url(img/pfeilRechts.gif) no-repeat;
  width: 444px;
  height: 30px;
}
.homepage p.pfeil a {
       color: #006666;
  display: block;
}
.homepage .footer {
  left: 268px;
}

/**********************************************************/
/* Seite 2                                                */
/**********************************************************/
.page2 .content {
  height: 338px;
  margin-top: 31px;
  padding-left: 269px;
  background: 86px 4px url(img/kind.gif) no-repeat;
}
.page2 .content h1 {
  margin-left: -1px;
}
.page2 .content i {
  display: block;
  margin-top: -3px;
}

/**********************************************************/
/* Seite 2 - 1                                            */
/**********************************************************/
.page2_1 .content {
  height: 338px;
  margin-top: -1px;
  padding-left: 222px;
  background: 35px 61px url(img/welt.gif) no-repeat;
}
.page2_1 .content h1 {
  margin-left: -1px;
}
.page2_1 .content ul {
  margin-top: -8px;
}
.page2_1 .content ul li {
  background: 2px 5px url(img/quadrat2.gif) no-repeat;
  line-height: 16px;
  margin-top: 5.3px;
  text-indent: 19px;
}

/**********************************************************/
/* Seite 2 - 2                                            */
/**********************************************************/
.page2_2 .content {
  margin-top: -1px;
  margin-left: 45px;
}
.page2_2 .content h1 {
  margin-left: -1px;
  margin-bottom: -3px;
}
.page2_2 .content img {
  margin-left: 192px;
  margin-top: -1px;
}
.page2_2 .content .more {
  margin-top: 30px;
}
.page2_2 .content .more a {
  margin-left: 8px;
  padding-left: 18px;
  background: 0 4px url(img/pfeilRechts3.gif) no-repeat;
}

/**********************************************************/
/* Seite 3                                                */
/**********************************************************/
.page3 .content {
  height: 338px;
  margin-top: 2px;
  padding-left: 284px;
  background: 79px 59px url(img/garten.gif) no-repeat;
}
.page3 .content h1 {
  margin-left: 0px;
  letter-spacing: 0px;
}
.page3 .content ul {
  margin-top: -10px;
  margin-left: 17px;
  list-style-image: url(img/quadrat2.gif);
}
.page3 .content ul li {
  line-height: 16px;
  margin-top: 4.8px;
  margin-left: 1px;
  letter-spacing: .6px;
}
.page3 .content ul li ul {
  list-style-image: none;
  margin-top: -3px;
  margin-left: -3px;
}
.page3 .content ul li ul li {
  line-height: 11px;
}

/**********************************************************/
/* Seite 3 - 1                                            */
/**********************************************************/
.page3_1 .content {
  margin-top: 36px;
  padding-left: 301px;
}
.page3_1 .content img {
  position: absolute;
  top: 2px;
  left: 126px;
}
.page3_1 .content ul {
  position: relative;
  top: -10px;
  margin-left: 17px;
  list-style-image: url(img/quadrat2.gif);
}
.page3_1 .content ul li {
  line-height: 16px;
  margin-top: 2.5px;
  padding-left: 4px;
  font-size: 11px;
  letter-spacing: -.1px;
  line-height: 13px;
}
.page3_1 .content ul li b {
  letter-spacing: -1px;
}

/**********************************************************/
/* Seite 4                                                */
/**********************************************************/
.page4 .content {
  height: 338px;
  margin-top: 15px;
  padding-left: 259px;
  background: 45px 17px url(img/bub.jpg) no-repeat;
}
.page4 .content h1 {
  color: #4D4D4D;
  margin-top: 0;
}
.page4 .content ul {
  margin-top: -12px;
  margin-left: 36px;
}
.page4 .content ul li {
  background: 1px url(img/pfeilRechts2.gif) no-repeat;
  font-style: italic;
  font-size: 15px;
  line-height: 16.8px;
  margin-top: 2.3px;
  margin-left: 10px;
  padding-left: 17px;
}
.page4 .content .more {
  position: absolute;
  left: 45px;
  bottom: 93px;
}
.page4 .content .more a {
  margin-left: 8px;
  padding-left: 18px;
  background: 0 4px url(img/pfeilRechts3.gif) no-repeat;
}

/**********************************************************/
/* Seite 4 - 1                                            */
/**********************************************************/
.page4_1 .content {
  height: 338px;
  padding-left: 302px;
  background: 43px 61px url(img/helme.gif) no-repeat;
}
.page4_1 .content h1 {
  margin-top: 15px;
}
.page4_1 .content ul {
  margin-top: -11px;
  margin-left: 11px;
  list-style-image: url(img/quadrat2.gif);
}
.page4_1 .content ul li {
  line-height: 16px;
  margin-top: 8px;
  font-style: italic;
  letter-spacing: .38px;
}

/**********************************************************/
/* Seite 4 - 2                                            */
/**********************************************************/
.page4_2 .content {
  height: 338px;
  padding-left: 267px;
  background: 66px 31px url(img/zutaten.gif) no-repeat;
}
.page4_2 .content h1 {
  margin-left: -1px;
  margin-bottom: -5px;
}
.page4_2 .content a {
  color: #CCCCFF;
  text-decoration: underline;
}

/**********************************************************/
/* Seite 4 - 3                                            */
/**********************************************************/
.page4_3 .content {
  font-family: "Times New Roman",serif;
}
.page4_3 .content ul {
  margin-top: 30px;
  margin-left: 50px;
  list-style-image: url(img/quadrat2.gif);
}
.page4_3 .content ul li {
  font-weight: bold;
  font-size: 16px;
  line-height: 16px;
  margin-top: 2.3px;
  margin-left: 14px;
  padding-left: 2px;
}
.page4_3 .content ul li a {
  position: absolute;
  font-size: 12px;
  letter-spacing: .8px;
  right: -279px;
  width: 200px;
  padding-top: 1px;
  padding-left: 50px;
  background: 0 3px url(img/pfeilRechts4.gif) no-repeat;
  font-weight: normal;
}
.page4_3 .content ul li p {
  font-weight: normal;
  font-size: 12px;
  margin-top: 2px;
  margin-left: 27px;
  padding-left: 15px;
  margin-bottom: 10px;
  background: 0 2px url(img/pfeilRechts2.gif) no-repeat;
}

/**********************************************************/
/* Seite 5                                                */
/**********************************************************/
.page5 .content {
  height: 338px;
  padding-left: 320px;
  background: 154px 66px url(img/quadrate.gif) no-repeat;
}
.page5 .content h1 {
  margin-top: 62px;
  margin-left: 0px;
  margin-bottom: 10px;
  line-height: 20px;
}

/**********************************************************/
/* Seite 6                                                */
/**********************************************************/
.page6 .content {
  height: 338px;
  margin-top: 1px;
  padding-left: 124px;
  background: 126px 134px url(img/topf.jpg) no-repeat;
}
.page6 .content h1 {
  margin-left: -1px;
}
.page6 .content ul {
  margin-top: -4px;
  margin-left: 147px;
  list-style-image: url(img/quadrat2.gif);
}
.page6 .content ul li {
  font-style: italic;
  line-height: 16px;
  margin-top: 2.3px;
  margin-left: 14px;
  letter-spacing: .45px;
}
.page6 .content p i {
  letter-spacing: .4px;
}
.page6 .content .right {
  margin-top: 11px;
  margin-left: 145px;
}
.page6 .content .right2 {
  margin-top: 4px;
  margin-left: 144px;
}