/*
  Vom Hauptmenue abhaengige Hintergrundbilder und Farben werden in
  styles/xxx/local.css eingestellt
*/

/*
  a
  main
  mainHeader
  mainMenu
  mainContent
  mainBottom
  content
  mainContact
  mainLogo
*/

/*
  Erlauterungen:
    Mindesthoehe festlegen: td.mainMenuMarginTop
    Randhoehe unten festlegen: td.mainBottomRight
    Farben:
      Text und Hintergrund Content: td.mainContent
      Abhaengigkeit: menu.css -> a
*/

/*
  a
*/

a {
  /* color siehe -> styles/xxx/local.css */
  font-weight: normal;
  text-decoration: underline;
}

/*
  main
    table
    td
*/

table.main {
  width: 776px;
}
td.mainHeader {
  /* background-image siehe -> styles/xxx/local.css */
  background-repeat: no-repeat;
  height: 129px;
}

/*
  mainMenu
    td
*/

td.mainMenu,
td.mainMenuMarginTop,
td.mainMenuMarginBottom {
  background-color: #FFFFFF;
  margin: 0px;
  padding: 0px;
}
td.mainMenu {
  vertical-align: top;
  width: 148px;
}
td.mainMenuMarginTop,
td.mainMenuMarginBottom {
  width: 16px;
}
td.mainMenuMarginTop {
  /* background-image siehe -> styles/xxx/local.css */
  background-repeat: no-repeat;
  height: 301px;
  /*
      td.mainContent.height
    + td.mainContentBottom.height
    + td.mainContact
    # td.mainMenuMarginTop
  */
}
td.mainMenuMarginBottom {
}
td.mainMenuBottom {
  /* background-image siehe -> styles/xxx/local.css */
  background-repeat: no-repeat;
  height: 19px;
  /*
      td.mainContent.height
    + td.mainContentBottom.height
    + td.mainContact
    # td.mainMenuMarginTop
  */
}

/*
  mainContent
*/

td.mainContent,
td.mainContentBottom {
  /* background siehe -> styles/xxx/local.css */
  /* color      siehe -> styles/xxx/local.css */
  padding: 0px 120px 0px 20px;
}
td.mainContent {
  height: 221px;
  /*
      td.mainContent.height
    + td.mainContentBottom.height
    + td.mainContact
    # td.mainMenuMarginTop
  */
  padding-top: 10px;
  vertical-align: bottom;
  vertical-align: middle;
}
td.mainContentBottom {
  /* background-image siehe -> styles/xxx/local.css */
  background-position: bottom;
  background-repeat: no-repeat;
  height: 64px;
  /*
      td.mainContent.height
    + td.mainContentBottom.height
    + td.mainContact
    # td.mainMenuMarginTop
  */
}

/*
  mainBottom
*/

td.mainBottomLeft,
td.mainBottomRight {
  /* background-image siehe -> styles/xxx/local.css */
}
td.mainBottomLeft {
  height: 60px; /* td.mainBottomRight.height ./. td.mainMenuBottom.height */
}
td.mainBottomRight {
  height: 79px; /* abhaengig: td.mainBottomLeft.height, td.mainMenuBottom.height */
}

/*
  mainContact
    td
    a
*/

td.mainContact {
  /* background siehe -> styles/xxx/local.css */
  /* color      siehe -> styles/xxx/local.css */
  font-size: 10px;
  font-weight: bold;
  height: 16px;
  line-height: 10px;
  /*
      td.mainContent.height
    + td.mainContentBottom.height
    + td.mainContact
    # td.mainMenuMarginTop
  */
  margin: 0px;
  padding: 0px;
  text-align: right;
  vertical-align: middle;
}
a.mainContact {
  /* color siehe -> styles/xxx/local.css */
  font-weight: bold;
  text-decoration: none;
}

/*
  mainLogo
    p
*/

p.mainLogo {
  padding: 10px 0px 0px 0px;
  text-align: center;
}