/* Entities --------------------------------------------------------------------------------------- */

html, body {
  width: 100%; height: 100%;
  margin: 0px;
  overflow: hidden;
  }

body {
  background-color: #fff;
  }

/* Positionierung --------------------------------------------------------------------------------- */

#wrapper_table {
  display: table;
  width: 100%; height: 100%;
  overflow: hidden;
  }

#wrapper_td {
  display: table-cell;
  width: 100%; height: 100%;
  vertical-align: middle;
  }

#wrapper_table_ie {
  width: 100%; height: 100%;
  border: none; border-spacing: 0px; border-collapse: collapse;
  }

/* Layout ----------------------------------------------------------------------------------------- */

#main {
  display: block;
  width: 100%; height: 350px;
  }
  
#main #links {
  width: 48%; height: 350px;
  background: url(images/bg_rot.png) repeat-x;
  float: left; clear: none;
}

#main #links img {
  width: 475px; height: 350px;
  float: right;
  border: none;
}

#main #rechts {
  width: 52%; height: 350px;
  background: url(images/bg_grau.png) repeat-x;
  float: right; clear: none;
}

#main #rechts #kante {
  width: 100px; height: 350px;
  float: left; clear: none;
}

#main #rechts #inhalte {
  float: left; clear: none;
}

#main #rechts #inhalte div#text {
  width: 345px; height: 190px;
  float: left; clear: left;
  margin-top: 35px; margin-bottom: 25px;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  font-size: 14px;
  line-height: 22px;
}

#main #rechts #inhalte div#text p,
#main #rechts #inhalte div#text h1 {
  margin-top: 0px; margin-bottom: 22px;
}

#main #rechts #inhalte div#text h1 {
  font-size: 28px;
  font-weight: bold;
  color: #cc3333;
}

#main #rechts #inhalte div#text a {
  white-space: nowrap;
  font-weight: bold;
  color: #cc3333;
  text-decoration: none;
}

#main #rechts #inhalte div#text a:hover {
  color: #cc6666;
}

#main #rechts #inhalte ul#menu {
  width: 210px; height: 66px;
  display: block;
  float: left; clear: left;
  list-style-type: none;
  margin: 0px; padding: 0px;
}

#main #rechts #inhalte ul#menu li {
  width: 210px; height: 22px;
  text-indent: -50000%;
  display: block;
  margin: 0px; padding: 0px;
}

#main #rechts #inhalte ul#menu li a {
  width: 210px; height: 22px;
  display: block;
}

#main #rechts #inhalte ul#menu li a#website { background: url(images/text_rechts-links_01.png) no-repeat; background-position: -210px 0px;}
#main #rechts #inhalte ul#menu li a#speiseplan { background: url(images/text_rechts-links_02.png) no-repeat; background-position: -210px 0px;}
#main #rechts #inhalte ul#menu li a#impressum { background: url(images/text_rechts-links_03.png) no-repeat; background-position: -210px 0px; }

#main #rechts #inhalte ul#menu li a#website:hover,
#main #rechts #inhalte ul#menu li a#speiseplan:hover,
#main #rechts #inhalte ul#menu li a#impressum:hover {
  background-position: 0px 0px;
}