body, td {
  font-family: Verdana, Arial, Sans;
  font-size: 14px;
}

body {
  margin: 0;
  padding: 0;
  /*background-color: #ce0808;*/
  background: #ce0808 url(../img/body_bg.gif) top left repeat;
}

div#site {
  width: 642px;
  margin: auto;
  padding-left: 180px;
  padding-right: 180px;
  position: relative;
}

div#navicol_position {
  width: 0;
  height: 100%;
  position: absolute;
  left: 180px;
}
div#navicol_container {
  position: absolute;
  right: 0px;
  right: 822px;
  top: 0px;
  height: 100%;
  background-color: #b9b9b9;
}

div#navicol_head {
  height: 140px;
  background: #525252 url(../img/hsglogo85.png) 50% 50% no-repeat;
}

div#navicol_content {
  background: transparent url(../img/navi_top.png) top left repeat-x;
  min-height: 300px;
  position: relative;
  z-index: 10;
}
ul.navi {
  padding: 10px;
  margin: 0;
  border: 2px solid #8d8d8d;
}
div#navicol_content > ul.navi {
  padding: 40px 10px;
  border-style: none;
  position: relative;
  z-index: 3;
}
ul.navi li {
  display: block;
  position: relative;
  border: 2px solid #b60707;
  border-top: 2px solid #db4545;
  background: #9f0606 url(../img/navi_button_bg.png) top left repeat-x;
  min-height: 30px;
  font-size: 16px;
  color: white;
  margin-bottom: 3px;
  white-space: nowrap;
}
ul.navi li:hover {
  background: #b64141 url(../img/navi_button_hover_bg.png) top left repeat-x;
}
ul.navi li a {
  display: block;
  margin: 0;
  padding: 5px;
  padding-left: 20px;
  background: transparent url(../img/navi_button_pfeil.png) 7px 50% no-repeat;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
ul.navi li span {
  display: block;
  margin: 0;
  padding: 5px;
  padding-left: 20px;
  background: transparent url(../img/navi_button_pfeil.png) 7px 50% no-repeat;
  color: white;
  text-decoration: none;
  font-weight: bold;
  cursor: default;
}
div.navi_position {
  position: absolute;
  z-index: 10;
  width: 0px;
  top: 0px;
  right: 0px;
  display: none;
}
li:hover > div.navi_position {
  display: block;
}
li.js_nohover:hover > div.navi_position {
  display: none;
}
li.js_hover > div.navi_position {
  display: block;
}
div.navi_block {
  position: absolute;
  top: -16px;
  left: 0px;
  padding-left: 14px;
}
div.navi_block > div {
  border: 2px solid #eaeaea;
  background: #b9b9b9 url(../img/navi_top.png) top left repeat-x;
}
div.navi_block > div > ul {
}

div#navicol_footer {
  height: 120px;
  width: 100%;
  background-color: #525252;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
div#navicol_bottom {
  bottom: 120px;
  position: absolute;
  background: #b9b9b9 url(../img/navi_bottom.png) bottom left repeat-x;
  width: 100%;
  min-height: 150px;
  z-index: 2;
}

/*...#bannercol_ wie #navicol_ mit kleinen änderungen*/
div#bannercol_position {
  width: 0;
  height: 100%;
  position: absolute;
  right: 180px;
}
div#bannercol_container {
  position: absolute;
  left: 0px;
  left: 822px;
  top: 0px;
  height: 100%;
  background-color: #b9b9b9;
  overflow: hidden;
  width: 180px;
}
div#bannercol_head {
  height: 140px;
  background: #525252 url(../img/hsglogo85.png) 50% 50% no-repeat;
}
div#bannercol_content {
  background: transparent url(../img/navi_top.png) top left repeat-x;
  position: absolute;
  top: 140px;
  bottom: 150px;
  padding: 10px 10px;
  overflow: hidden;
  z-index: 3;
}
div#bannercol_footer {
  height: 120px;
  width: 100%;
  background-color: #525252;
  position: absolute;
  bottom: 0px;
  z-index: 1;
}
div#bannercol_bottom {
  bottom: 120px;
  position: absolute;
  background: #b9b9b9 url(../img/navi_bottom.png) bottom left repeat-x;
  width: 100%;
  min-height: 150px;
  z-index: 2;
}


div#head {
  height: 110px;
  background: #525252 url(../img/head_bg5.png) 50% bottom no-repeat;
  text-align: right;
}
div#head div#headnavi {
    float: right;
    background-color: #525252;
    padding-bottom: 2px;
}
div#head a {
  font-size: 16px;
  font-family: Courier;
  color: white;
  text-decoration: underline;
  font-weight: normal;
  margin: 0px 10px;
}
div#head a:hover {
  text-decoration: underline;
  border-bottom: 1px solid white;
}

div#content {
  min-height: 450px;
  background-color: #eaeaea;
  padding: 20px;
  padding-top: 35px;
  border: 1px solid #791313;
  /*border-right-style: none;*/
}

div#footer {
    margin: 0px -20px;
  height: 104px;
  background-color: #525252;
  text-align: center;
}
div#footer img {
    margin: 8px 20px;
}