body {  margin: 0;  background: #12303d;  background-image: url(../images/HS_bg_shadow_2.jpg);  background-repeat: no-repeat;  background-position: center 0;  font-family: Arial, Helvetica, 'sans serif';  font-size: 11px;  line-height: 16px;  color: #12303d;  height: 100.01%; }  /************************************************  E S S E N T I A L */  /* LINKS */  a { color: #12303d; text-decoration: underline; outline: 0;} a:hover { text-decoration: none; }  .pdf {  padding: 0 0 0 18px;  background: url(../images/pdf.gif) no-repeat; }  div, a, li, input, textarea {  border-color: #12303d;  border-width: 0 0 0 0;  border-style: solid; }  input[type=hidden] {  display: none; }  img {  margin: 0;  padding: 0;  border: 0;  vertical-align: bottom; }  .png {  behavior: url("pngbehavior.htc"); }  blockquote {  margin: 0 0 0 64px;  padding: 0;  display: inline; }  hr {  background: #12303d;  height: 1px;  border: 0;  clear: both;  margin: 50px 0 20px; }  hr.clear {  height: 1px;  background: #fff;  clear: both; }  .clear {  clear: both;  display: block;  height: 1px;  width: 1px; }  .morelink {  color: #fff;  background: #f9bb4a url(../images/arrow_right_white.gif) no-repeat right;  text-decoration: none;  font-size: 9px;  line-height: 9px;  padding: 0 8px 0 2px; }  .morelink:hover {  background: #EF8A33 url(../images/arrow_right_white.gif) no-repeat right; }  .morelink.big {  font-size: 12px;  font-weight: bold;  line-height: 12px;  display: block;  padding: 2px 10px 2px 4px; }  .backlink {  color: #fff;  background: #f9bb4a url(../images/arrow_left_white.gif) no-repeat left;  text-decoration: none;  font-size: 9px;  line-height: 9px;  padding: 0 2px 0 8px; }  .backlink:hover {  background: #EF8A33 url(../images/arrow_left_white.gif) no-repeat left; }  #speisekarten {  display: block;  position: relative; /* bottom: -30px;*/ }  #speisekarten a.pdf {  display: block;  margin-bottom: 6px }   /*****************************  FORM */  input, textarea, table {  font-size: 11px;  font-family: Arial, Helvetica, 'sans serif';  color: #12303d;  padding: 1px;  margin: 0 0 5px 0;  width: 100%;  display: inline-block;  background: #dbe5e7; }  input {  height: 17px; }  button {  font-size: 11px;  background: #415964;  color: #fff;  border: 0;  padding: 1px;  cursor: pointer; }  input.input50 {  width: 49%;  float: left;  margin: 0 0 5px 0; }  input.input52 {  width: 49%;  float: left;  margin: 0 4px 5px 0; }  input.input10 {  width: 15%;  float: left;  margin: 0 4px 5px 0; }  input.input90 {  width: 83%;  float: left;  margin: 0 0 5px 0; }  input.checkbox {  width: 14px;  height: 14px;  background-color: #fff;  margin: 0;  padding: 0; }   /* {{ DROPDOWN */  #box_open {  visibility: hidden; }  .dropdown {  margin: 0 0 5px 0; }  .dropdown a {  text-decoration: none; }  .subject_wrapper, .option_wrapper {  width: 60px; }  .subject_wrapper {  background: #dbe5e7;  height: 17px;  cursor: pointer; }  .subject {  width: 45px;  float: left;  padding: 0 1px 0;  cursor: pointer; }  .arrow {  width: 15px;  height: 17px;  background: #415964;  overflow: auto;  text-align: center;  cursor: pointer; }  .arrow img {  margin: 3px 0 0; }  .option_wrapper {  position: absolute;  z-index: 999;  background: #fff;  border-width: 0 1px 1px;  border-color: #dbe5e7;  padding: 0 1px 0;  width: 58px; }  .option_wrapper a {  display: block;  cursor: pointer; }  .option_wrapper a:hover {  background: #f5f5f5; }  /* DROPDOWN }} */  /* F O R M *****************************/  /* E S S E N T I A L ************************************************/  /************************************************  S I T E */  #wrapper {  width: 100%;  text-align: center; }  #base {  z-index: 1;  width: 970px;  height: 800px;  margin: 30px auto 0 auto;  padding: 0;  text-align: left;  overflow: hidden;  border: 0 solid #fff;  background: transparent; }  #sidebar {  width: 230px;  height: 740px;  text-align: center;  margin: 0 0 0;  padding: 44px 0 0 0;  clear: both;  float: left;  background: transparent; }  #sidebar a {  outline: none; }  #sidebar img, #sidebar div, #sidebar a {  margin: 0;  clear: both; }  #sidebar .newsflash {  display: block; }  #contentarea {  width: 736px;  height: 736px;  padding: 0;  overflow: hidden;  background: #fff;  color: #12303d; }  #content {  width: 720px;  height: 720px;  margin: 10px;  overflow: hidden;  background: transparent; }  /* S I T E ************************************************/   /************************************************  S I D E B A R */  a.logo {  margin: 0 0 20px;  width: 228px;  text-align: center;  background: transparent;  display: block;  clear: both; }  div.menu {  text-align: center;  margin: 0;  padding: 20px 0 0;  height: 420px;  background: transparent /*#12303D; */ }  div.menu ul {  text-align: left;  margin: 0 20px 20px;  padding: 0;  list-style-type: none; }  div.menu ul li {  margin: 0;  padding: 0 0 2px 0;  border-width: 0 0 1px;  border-color: #415964; }  div.menu ul li a {  background: #12303D;  width: 188px;  display: block;  color: #71838b;  margin: 0 0 0 ;  padding: 5px 0 3px;  text-decoration: none;  font-weight: bold;  letter-spacing: 1px;  font-size: 13px; }  div.menu a.sub {  background: #12303D;  display: block;  color: #71838b;  margin: 0 0 5px 0;  padding: 0 5px 0 15px;  text-decoration: none;  font-weight: normal;  letter-spacing: 1px;  font-size: 11px;  line-height: 16px;  background: url(../images/list_img_grey.gif) no-repeat 2px 3px; }  div.menu .si {  color: #f9bb4a;  margin: 0 3px 0 0;  letter-spacing: 0; }  div.menu a:hover {  color: #415964; }  div.menu a.active {  color: #fff; }   div.news {  display: none;  text-align: left;  background: #82303D;  color: #415964;  font-size: 11px;  line-height: 13px;  padding: 2px; }  div.news a.angebot {  color: #415964;  text-decoration: none;  display: block;  margin: 0;  outline: 0; }  div.news a.angebot:hover {  color: #ecf0ef !important; }  div.news h1 {  font-size: 12px;  letter-spacing: 1px;  margin: 0 0 5px; }  div.zitat {  display: block;  background: transparent;  margin: 0 20px 0;  color: #fff !important; }  /* S I D E B A R ************************************************/  /************************************************  F O O T E R */  div.footer {  background: transparent;  padding: 0 0 0 235px;  height: 15px;  font-weight: normal;  font-size: 11px;  color: #fff;  text-align: left; }  div.footer .left {  float: left; }  div.footer .right {  white-space: nowrap;  float: right; }  div.footer a {  color: #fff;  text-decoration: none; }  div.footer a:hover {  text-decoration: underline; }  div.footer img {  vertical-align: middle;  margin: 0 2px; }  /* F O O T E R ************************************************/  /************************************************  C O N T E N T - E L E M E N T S */  h1 {  font-size: 16px;  font-weight: bold;  line-height: 18px;  margin: 0 0 14px 0;  padding: 0;  clear: both; }  h2 {  font-size: 14px;  font-weight: bold;  line-height: 15px;  margin: 0 0 5px 0;  padding: 0; }  h3 {  font-size: 12px;  font-weight: bold;  line-height: 12px;  margin: 0 0 0 0;  padding: 0; }  p {  margin: 0 0 12px 0;  padding: 0; }  .si {  color: #f9bb4a;  margin: 0 0 0 0;  font-weight: bold;  text-decoration: none; }  a.si:hover {  color: #EF8A33; }  .description_wrapper {  width: 60%;  float: left; }  .preis_wrapper {  float: right;  text-align: right; }  .preis {  font-weight: bold;  font-size: 12px; }  #content ul {  margin: 0 0 12px 0;  padding: 0 0 0 0;  list-style-type: none;  clear: both;  overflow: auto; }  #content ul li {  margin: 0 0 5px 0;  background: url(../images/list_img.gif) no-repeat 0px 4px;  padding: 0 0 0 12px;  clear: both; } #content ul li h2 {  margin: 0; }  .img_opacity {  display: block;  font-size: 11px; /* -moz-opacity: 0.85;  filter: alpha(opacity=85); */  background: transparent;  width: 98.0%;  padding: 2px; }  .img_opacity h1 {  color: #fff;  font-size: 20px; }  /* C O N T E N T - E L E M E N T S ************************************************/  .content_wrapper {  overflow: hidden !important;  float: left;  margin: 10px;  background: #fff;  padding: 0;  position: relative; }  .content_inline {  overflow: hidden !important;  float: left;  margin: 10px;  position: relative;  width: 100%;  height: 100%; }  .content_inline h1 {  margin: 0 0 10 0px !important;  padding-left: 0; }  .wrapper220x110 {  width: 220px;  height: 110px; }  .wrapper220x220 {  width: 220px;  height: 220px; }  .wrapper700x220 {  width: 700px;  height: 220px; }  .wrapper720x220 {  width: 720px;  height: 300px;  margin-left: 0;  margin-top: 0; }  .wrapper460x220 {  width: 460px;  height: 220px; }  .wrapper220x460 {  width: 220px;  height: 460px; }  .wrapper460x460 {  width: 460px;  height: 460px; }  .wrapper700x460 {  width: 700px;  height: 460px; }  .wrapper460x700 {  width: 460px;  height: 700px; }  .wrapper220x700 {  width: 220px;  height: 700px; }  .wrapper700x700 {  width: 700px;  height: 700px; }  .auto-x {  width: auto; }  .auto-y {  height: auto; }    .column_left {  width: 220px;  height: 220px;  margin: 0 20px 0 0;  float: left;  background: #fcf; }  .column_right {  width: 220px;  height: 220px;  margin: 0 0 0 0;  float: left;  background: #fcc; }  .image {  padding: 0 !important;  width: 220px;  height: 220px; }  .lila h1, .lightblue h1, .orange h1, .lightgreen h1, .green h1  {  vertical-align: bottom;  color: #fff;  margin: 178px 10px 10px; }  .text {  padding: 0 10px 10px 10px;  width: 200px;  height: 210px; }  .text .preis_wrapper, .preis_wrapper.ecke {  position: absolute;  bottom: 10px;  right: 10px; }  .text .preis_wrapper.normal {  position: static; }  .text h1 {  margin: 10px 10px 10px 0; }  * html .text {  padding: 0 10px 10px 10px;  width: 220px;  height: 220px; }  .lila {  background: #989BA7; }  .lightblue {  background: #BFCDC9; }  .lightblue p {  color: #12303d;  padding: 0 10px;  text-align: center; }  .orange {  background: #EF8A33; }  .lightgreen {  background: #CBDA7F; }  .green {  background: #7A8503; }  .yellow {  background: #f9bb4a; }  .overlay_hidden {  display: none; }  .overlay {  position: absolute;  left: 50%;  margin: 0 0 0 -255px;  z-index: 80;  padding: 10px;  height: 720px;  width: 720px;  background: #fff;  overflow: visible; }  .overlay .control {  color: #12303d;  border-width: 0 0 1px;  height: 16px; }  .overlay .control h2 {  width: 630px;  height: 16px;  float: left; }  .overlay .control a {  display: block;  width: 67px;  height: 16px;  overflow: auto;  text-decoration: none;  text-align: right;  float: right;  }  .overlay .control a img {  vertical-align: top; }  /***************************  SCROLL */   /***************************  Ajax-Form */  .form_highlight {  background: #F9BB4A; }  input[type=hidden] {  display: none; }  input[type=checkbox] {  width: 10px;  height: 10px;  line-height: 10px;  display: inline; }  #formResponse, #checkFormError {  font-size: 11px;  font-weight: normal;  color: #F08B33;  display: block; }  #formLoading {  display: none;  overflow: auto; }  #formLoading.on {  display: block;  padding: 20px;  background: url(../images/loading.gif) no-repeat center; }  #controlForm_wrapper, #kontaktForm_wrapper, #checkFormError {  display: none; }  #controlForm_wrapper.on, #kontaktForm_wrapper.on, #checkFormError.on {  display: block; }  /*****************************  newsticker style declarations */  .tickercontainer { /* the outer div with the black border */  width: 220px;  height: 18px;  margin: 0;  padding: 0;  overflow: hidden;  display: block;  font: bold 13px Arial;  text-decoration: none;  letter-spacing: 1px;  list-style-type: none;  color: #fff;  cursor: pointer; }  ul.newsticker { /* that's your list */  position: relative; /* left: 300px;*/  font: bold 13px Arial;  text-decoration: none;  letter-spacing: 1px;  list-style-type: none;  margin: 0;  padding: 0;  text-align: center; }  ul.newsticker li {  float: left; /* important: display inline gives incorrect results when you check for elem's width */  margin: 0 0 10px 0;  padding: 0;  width: 250px;  overflow: visible;  white-space: nowrap; }.toolbar_hidden {  display: none; }  .toolbar_buchung .buchung, .toolbar_tellafriend .tellafriend {  display: block; } .toolbar_buchung .tellafriend, .toolbar_tellafriend .buchung {  display: none; }  .toolbar_buchung .toolbar_menu a.buchung_link, .toolbar_tellafriend .toolbar_menu a.tellafriend_link {  text-decoration: underline; }  .toolbar_hidden .buchung, .toolbar_hidden .tellafriend {  display: none !important; }  /************************************************  T O O L B A R */   div.toolbar_buchung, div.toolbar_tellafriend {  position: absolute;  z-index: 100;  height: 500px;  width: 260px;  top: 310px;  left: 50%;   margin: 0 0 0 225px; }  * html div.toolbar_buchung, * html div.toolbar_tellafriend  {  top: 280px; }  div.toolbar_wrapper {  position: absolute;  z-index: 5; }   div.toolbar_background {  position: absolute;  z-index: 1; }  div.toolbar_form {  width: 200px;  height: 430px;  margin: 30px 30px 0;  color: #12303d;  background: transparent;  }  * html div.toolbar_form {  width: 200px;  overflow: hidden;  line-height: 11px; }  div.toolbar_form .control {  clear: both;  height: 15px;  border-width: 0 0 1px;  margin: 0 0 10px;  padding: 0 0 10px; }  div.toolbar_form .control h2 {  float: left;  width: 184px; }  div.toolbar_form .control img {   vertical-align: baseline; }  div.toolbar_form input {  border: 0;  width: 100%;  margin: 0 0 5px 0;  background: #fff; }  div.toolbar_form textarea {  border: 0;  width: 100%;  height: 90px;  margin: 0 0 5px 0;  font-size: 11px;  background: #fff; }  div.toolbar_form input.date {  border: 0;  width: 60px;  margin: 0;  font-size: 11px; }  div.toolbar_form input.checkbox {  border: 0;  width: 13px;  margin: 0;  font-size: 11px;  background: transparent; }  div.toolbar_form label {  display: block;  color: #12303d; }  div.toolbar_menu {  width: 200px;  height: 20px;  margin: 0 20px;  padding: 0px 10px 0;  color: #12303d;  font-size: 11px;  background: transparent; }  * html div.toolbar_menu {  width: 220px;  height: 20px; }  div.toolbar_menu a {  text-decoration: none; }  div.toolbar_menu a:hover, div.toolbar_menu a.active {  text-decoration: underline; }  div.toolbar_menu img {  vertical-align: baseline; }  /* T O O L B A R  ************************************************/  div.toolbar_hidden {  position: absolute;  z-index: 100;  height: 40px;  width: 260px;  top: 770px;  left: 50%;   margin: 0 0 0 225px;  overflow: hidden; }  * html div.toolbar_hidden {  top: 740px;  background: transparent;  height: 50px; }  div.toolbar_hidden .toolbar_background {  top: -460px; }  div.toolbar_hidden .toolbar_form {  display: none; }  div.toolbar_hidden .toolbar_menu {  background: url(../images/toolbar_menu_bg.gif) no-repeat;  width: 220px;  margin: 0 20px; }.scroll-pane {  overflow: auto; }  .pane700 {  overflow: auto;  height: 700px; }  a.jScrollArrowUp {  background: url(../images/basic_arrow_up.gif) no-repeat 0 0; }  a.jScrollArrowUp:hover { }  a.jScrollArrowDown {  background: url(../images/basic_arrow_down.gif) no-repeat 0 0; }  a.jScrollArrowDown:hover { }  a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { }  .orange-bar .jScrollPaneTrack {  background: #415964; }  .orange-bar .jScrollPaneDrag {  background: #415964 url(../images/drag_grab.gif) no-repeat; }  .orange-bar .scroll-pane {  background: #415964; }  .jScrollPaneContainer {  position: relative;  overflow: hidden;  z-index: 1;  clear: both; }  .jScrollPaneTrack {  position: absolute;  cursor: pointer;  right: 0;  top: 0;  height: 100%;  background: #fff; } .jScrollPaneDrag {  position: absolute;  background: #dbe6e9;  cursor: pointer;  overflow: hidden; } .jScrollPaneDragTop {  position: absolute;  top: 0;  left: 0;  overflow: hidden; } .jScrollPaneDragBottom {  position: absolute;  bottom: 0;  left: 0;  overflow: hidden; } a.jScrollArrowUp {  display: block;  position: absolute;  z-index: 1;  top: 0;  right: 0;  text-indent: -2000px;  overflow: hidden;  /*background-color: #666;*/  height: 5px; } a.jScrollArrowUp:hover {  /*background-color: #f60;*/ }  a.jScrollArrowDown {  display: block;  position: absolute;  z-index: 1;  bottom: 0;  right: 0;  text-indent: -2000px;  overflow: hidden;  /*background-color: #666;*/  height: 5px; } a.jScrollArrowDown:hover {  /*background-color: #f60;*/ } a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {  /*background-color: #f00;*/ }