/* babybonn.css
 * color scheme: http://wellstyled.com/tools/colorscheme2/index-en.html?triad;50;0;239;0.5679611650485438;0.807843137254902;0.5679611650485438;0.5654901960784313;0.14199029126213594;1;0.2839805825242719;1;0.5679611650485438;0.807843137254902;0.5679611650485438;0.5654901960784313;0.14199029126213594;1;0.2839805825242719;1;0.5679611650485438;0.807843137254902;0.5679611650485438;0.5654901960784313;0.14199029126213594;1;0.2839805825242719;1;0.5679611650485438;0.807843137254902;0.5679611650485438;0.5654901960784313;0.14199029126213594;1;0.2839805825242719;1;0
 */
body {
  margin: 0px;
  font-family: arial, helvetica, sans-serif;
  background-color: #C0C0C0;
  font-size: 0.9em;
}
h1 {
  font-size: 1.2em;
  margin: 0px;
}
h2 {
  font-size: 1.0em;
  margin: 0px;
}
p {
  margin-top: 0.2em;
}
a {
  color: white;
  font-weight: bold;
}
.content {
  padding: 30px;
  text-align: left;
  color: white;
  /*border: solid 1px red;*/
  
}
.calc {
  font-size: 0.9em;
  float: right;
  width: 100px;
}
.calc a {
  position: relative;
}
.calc a span {
  display: block;
  position: absolute;
  top: 14px;
  left: 0px;
  width: 100px;
  border: solid 1px #C0C0C0;
  visibility: hidden;
  font-weight: normal;
  background-color: #808080;
  padding: 2px;
}
.calc a:hover span {
  visibility: visible;
}
.content img {
  float: right;
  margin-left: 10px;
}
#body {
  position: relative;
  top: auto; 
  left: auto;
  width: 800px;
}
#banner {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 800px;
  height: 232px;
  background: url(images/banner.jpg) no-repeat top;
  z-index: 3;
}
#boxes {
  position: absolute;
  top: 232px;
  left: 0px;
  width: 800px;
  height: 677px;
  background: url(images/boxes.jpg) no-repeat top;
  z-index: 2;
}
#top, #main {
  position: absolute;
  top: 247px;
  left: 248px;
  width: 462px;
  height: 160px;
  padding-left: 60px;
  /*background: url(images/top.gif) no-repeat top left;*/
  z-index: 3;
}
#top, #top a {
  color: #907F3E;
}
#left {
  position: absolute;
  top: 231px;
  left: 0px;
  width: 220px;
  height: 472px;
  /*background: url(images/left.gif) no-repeat top left;*/
  z-index: 3;
}
#bottom {
  position: absolute;
  top: 766px;
  left: 0px;
  width: 462px;
  height: 76px;
  /*background: url(images/bottom.gif) no-repeat top left;*/
  z-index: 2;
}
#right {
  position: absolute;
  top: 400px;
  left: 520px;
  width: 220px;
  height: 442px;
  /*background: url(images/right.gif) no-repeat top left;*/
  z-index: 3;
}
#center {
  position: absolute;
  top: 466px;
  left: 272px;
  width: 190px;
  height: 242px;
  /*background: url(images/center_200x200.jpg) no-repeat center;*/
  z-index: 3;
}
#logo {
  position: absolute;
  top: 530px;
  left: 25px;
  width: 150px;
  height: 200px;
  background: url(images/logo_150x200.gif) no-repeat;
  z-index: 4;
}
/**/