/*
  header
  img
  p
  span.red
  box
    left
    content
      menuMeta
      search
      text
    right
    clearer
  footer
*/

/* body */
body {
  background:url(images/background.jpg);
  margin: 0;
  padding: 0;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
}

img {
  border:0;
  vertical-align: middle;
}

p, .listitem {
  orphans:10;
  widows:10;
  page-break-after:avoid;
  page-break-before:avoid;
}
span.red {
  font-weight:bold;
  color:red;
}
/* body.header */
#header {
  background:url(images/header.jpg) no-repeat;
  height:170px;
  width:975px;
  margin:0 auto;
  padding:0;
  overflow:hidden;
}

#header h1 {
  font-size: 4em;
}

/* body.box */
#box {
  /* border-bottom ist noetig, damit Firefox Box in der richtigen Hoehe macht */
  /* siehe dazu auch unten leftBottom */
  border-bottom:4px solid #000084;
  background:url(images/body.jpg) repeat-y;
  background-color:white;
  width: 975px;
  margin:0 auto;
  height:auto;
  text-align:left;
  clear:both;
}

/* body.box.left */
#left {
  float: left;
  width: 180px;
  padding:0;
}
#leftBottom {
  /* Positionierung
     - Fuer Firefox: #box mit border-bottom
     - Entfernung vom Rand unten mit bottom und mafrgin-bottom, andernfalls
       vergroessert #leftBottom #box um height */
  /*background:url(images/body_bottom.jpg) no-repeat;*/
  width:180px;
  height:180px;
  padding:0;
  position:relative;
  left:0px;
  bottom:180px;
  clear:both;
  margin-bottom:-180px;
}


/* body.box.content */
#content {
  float: left;
  width: 595px;
  padding:0 15px 15px 15px;
  font-size: 12px;
}

#search {
}
.tt_products_item_search {
  font-size:1.4em;
  padding:0.4em;
  text-align:center;
}

/* body.box.right */
#right {
  width: 170px;
  float:right;
  padding:0;
}

/* body.footer */
#footer {
  clear: both;
  width: 975px;
  margin: 0 auto;
  padding: 5px 0;
  display:none;
}

#footer h1 {
  font-size: 0.9em;
}

.clearer {
  font-size: 1px;
}