body {
  background-color: gray;
  /*font: 13px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;*/
  font: 12px "Arial", sans-serif;
  text-align: center;
}

#centerBox {
  width: 950px;
  margin:0 auto;
  margin-top: 2em;
  background-color: white;
  text-align: left;
}

#headerBox, #contentTable {
  padding: 1.5em;
}

#footerBox {
  padding: 1em;
  background-color: #f0f0ff;
  text-align: center;
}

.notice, .error, .debugBox {
  padding: 2em;
  width: auto;
  border-style: solid;
  border-width: 1px;
  margin-bottom: 1em;
}

.notice {
  border-color: #00a000;
  background-color: #a0FFa0;
}

.error {
  border-color: #a00000;
  background-color: #FFa0a0;
}

#contentTable {
  background: white;
  margin: 0;
  padding: 1.5em;
}

#menuBox {
  background-color: #930000;
}

/* Rechtsseitige Kurzlinks im Header */
#rhShort {
  float: right;
  font-size: 12px;
}

#rhShort a, #rhShort a:visited {
  text-decoration: none;
  color: gray;
}

#rhShort a:hover, #rhShort a:active {
  text-decoration: underline;
  color: black;
}


#breadCrumb {
  color: white;
  padding: 0.8em 1.3em;
}

#breadCrumb a, #breadCrumb a:visited {
  padding: 0 0.3em;
  font-weight: bold;  
  color: white;
  text-decoration: none;
}

#breadCrumb a:hover, #breadCrumb a:active {
  color: white;
  text-decoration: underline;
}


#breadCrumb span {
  padding: 0 0.3em;
}

ul#menu {
  margin: 0; 
  padding: 0 1em;
  height: 26px;
  background-image: url(/images/tabs_combo_bg.gif);
  /*background-position: bottom left 3px 4px;*/
  background-repeat: repeat-x;
  /*line-height: 34px;*/
}

ul#menu li {
  list-style: none;
  /*display: inline;*/
  float: left;
  margin: 0; padding: 0;
  height: 26px;
  width: 114px;
  text-align: center;

}

ul#menu a, ul#menu span {
    padding-top: 6px;
  float: left;
  text-decoration: none; 
  font-weight: bold;
  color: black;
  height: 26px;
  width: 114px;
}

ul#menu a, ul#menu a:visited {
  background:url(/images/tabs_combo.gif) no-repeat;
}

ul#menu a:hover, ul#menu a:active {
  color: white;
  background:url(/images/tabs_combo.gif) no-repeat;
    background-position: -119px 0px;
}

ul#menu span {
  font-weight: bold;
  color: white;
  background:url(/images/tabs_combo.gif) no-repeat;
  background-position: -119px 0px;
}


.bigButton {
  padding: 0.5em;
}

.infoTable {
  border-collapse: collapse;
  border-style: none;
}

.infoTable tr td, .infoTable tr th {
  border: 1px solid silver;
  padding: 0.5em;
}

.infoTable tr.selectedRow td {
  background-color: #fff0f0;
}

.infoTable tr.emptyRow td {
  border: none;
}

.infoTable tr th {
  background-color: #bae1e8;
}

/* Infoboxen hellblau, round-corners */

.sideBox {
  background-color: #D9F4F9;
  width: 200px;
  margin-right: 1em;
  margin-bottom: 1em;
  padding: 1em;
}

.sideBox a, .sideBox a:visited {
  text-decoration: none;
  font-weight: bold;
  color: white;
  padding: 0.3em;
  line-height: 2em;
  background-color: grey;
}

.sideBox a:hover, .sideBox a:active {
  color: white;
  background-color: silver;
}

.leftCol {
  width: 200px auto;
  float: left;
}

.rightCol {
  width: 660px;
  float: left;
}


/* Für Startseite/Tarifübersicht */

.tarifbox {
  background: #fff url(/images/offer_bg_blue.gif) no-repeat;
}

.tarifBox_495 {
  background: #fff url(/images/tarif_495.png) no-repeat;
}

.tarifBox_795 {
  background: #fff url(/images/tarif_795.png) no-repeat;
}

.tarifBox_995 {
  background: #fff url(/images/tarif_995.png) no-repeat;
}


.tarifbox, .tarifBox_495, .tarifBox_795, .tarifBox_995 {
  width: 211px;
  height: 301px;
  float: left;

  margin: 1em;
  margin-left: 0;
}

.tarifContent {
  padding: 0.6em;
}

.tarifContent h3 {
  font-size: 14px;
  margin: 0.3em 0;
}

.tarifContent .main {
  /*background-color: #ddf;*/
  padding: 0.5em;
  margin-bottom: 0.3em;
}

.tarifContent .sub {
  background-color: #999;
  color: white;
  padding: 0.5em;
  margin-bottom: 0.3em;
}