/* Allgemeine Stildefinitionen */
* {
  font-size: 100.1%;
  font-family: arial, helvetica, sans-serif;
  margin: 0; padding: 0;
}
body {
  font-size: 0.75em;
  text-align: center;
  color: #3e3d40;
  background: url(layout/Hintergrund.jpg) repeat-x top left;
  padding-top: 120px;
}
a img {
  border: 0;
}
.clear {
  font-size: 1px; height: 1px;
  overflow: hidden;
  clear: both;
}
sub, sup {
  font-size: 0.6em;
}
label, .toggler {
  cursor: pointer;
}
td, th {
  vertical-align: top;
}
.onlyprint  {
  display: none;
}
img.mime_icon {
  vertical-align:middle;
}
.invisible {
  width: 0px; height: 0px; overflow: hidden;
  position: absolute; left: -1000px; top: 1000px;
  display: inline;
}

/*
  Definition der Inhaltsboxen, vor allem
  - Größe und Position
  - Hintergrundbilder/-farbe
  - Abstände zum Text
  - Abstände zu anderen Boxen
*/
#wrapper {
  text-align: left;
  margin: 0 auto 0 auto;
  width: 661px;
  height: 423px;
  border: 1px solid #af082b;
}
#header {
  width: 661px; height: 55px;
  position: relative;
  background: #f7e7e2;
  border-bottom: 1px solid #af082b;
  z-index: 6;
}
#container {
  width: 661px;
  height: 334px;
  border-bottom: 1px solid #af082b;
  z-index: 3;
}
#main {
  position: relative;
  width: 248px; w\idth: 205px; 
  height: 333px; he\ight: 314px;
  padding: 11px 27px 9px 15px;
  float: left;
  background: #fff;
  border-left: 1px solid #af082b;
  border-right: 1px solid #af082b;
  border-bottom: 1px solid #af082b;
  overflow-y: auto;
  z-index: 4;
}
#main #content {
  position: relative;
  float: left;
  width: 204px; 
  z-index: 5;
}
#left {
  width: 206px; height: 334px;
  float: left;
  background: #ebf4f8;
  overflow: hidden;
}
#right {
  width: 206px; height: 334px;
  float: right;
  background: #ebf4f8;
  overflow: hidden;
}
#footer {
  clear: both;
  width: 661px;
  height: 31px;
  he\ight: 22px;
  padding-top: 9px;
  position: relative;
  background: #f7e7e2;
  overflow: hidden;
}

/* Logo im Header für alle Seiten außer Appartements*/
#header #headlogo a {
  display: block;
  position: absolute; top: -61px; left: -8px;
  text-decoration: none;
  background: url(layout/Logo_Hotel-Berger.png) no-repeat top left;
  width: 183px; height: 78px;
}
/* Logo im Header für Appartements*/
body.apartements #header #headlogo a,
body.appartements #header #headlogo a {
  background: url(layout/Logo_HD-Appartements.png) no-repeat top left;
  width: 292px; height: 34px;
  top: -29px; left: -1px;
}
/* Sprachwechsel im Header */
#header .mod_changelanguage ul {
  display: block;
  position: absolute; top: -18px; left: 562px;
  width: 130px;
  list-style: none;
}
#header .mod_changelanguage li {
  display: inline;
}
#header .mod_changelanguage li.first {
  border-right: 1px solid #af082b;
  padding-right: 5px;
}
#header .mod_changelanguage li.last {
  padding-left: 5px;
}
#header .mod_changelanguage li.first span,
#header .mod_changelanguage li.last span,
#header .mod_changelanguage li.first a,
#header .mod_changelanguage li.last a {
  text-transform: lowercase;
  text-decoration: none;
}
#header .mod_changelanguage li.first a,
#header .mod_changelanguage li.last a {
  color: #af082b;
}
/* Navigation im Header */
#header .mod_navigation {
}
#header .mod_navigation ul {
  list-style: none;
  display: block;
  position: absolute; left: 0; top: 38px;
  width: 661px; height: 17px;
  background: #af082b;
}
#header .mod_navigation li {
  float: left; position: relative;
  background: #af082b;
  margin-left: 30px;
}
#header .mod_navigation li a {
  display: block; height: 17px; he\ight: 16px;
  padding-top: 1px;
  text-transform: uppercase;
  text-decoration: none;
  color: white;
  font-weight: bold;
  font-size: 1.1em;
}
/* Hauptnavigation durch Bilder ersetzen */
#header .mod_navigation li a {
  display: block; height: 17px; he\ight: 0px;
  padding-top: 17px; overflow: hidden;
  background-image: url(layout/mainnav.gif);
  background-repeat: no-repeat;
}
#header .mod_navigation li.willkommen a {
  width: 92px;
  background-position: -7px 1px;
}
#header .mod_navigation li.hotel a {
  width: 43px;
  background-position: -137px 1px;
}
#header .mod_navigation li.apartements a,
#header .mod_navigation li.appartements a {
  width: 182px;
  background-position: -217px 1px;
}
#header .mod_navigation li.kontakt a {
  width: 61px;
  background-position: -434px 1px;
}
#header .mod_navigation li.impressum a {
  width: 80px;
  background-position: -528px 1px;
}
#header .mod_navigation li.welcome a {
  margin-left: 19px;
  width: 73px;
  background-position: -638px 1px;
}
#header .mod_navigation li.contact a {
  width: 61px;
  background-position: -1054px 1px;
}
#header .mod_navigation li.legal a {
  width: 80px;
  background-position: -1157px 1px;
}
#header.mod_navigation li a.active,
#header .mod_navigation li a.trail,
#header .mod_navigation li a:hover {

}
#header .mod_navigation ul ul {
  display: none;
}
#header .mod_navigation li:hover ul {
  display: block;
  left: 36px; top: 17px;
  width: 120px; height: auto;
  padding: 0; margin: 0;
  z-index: 10;
  border-top: 1px solid #af082b;
}
#header .mod_navigation li.hotel:hover ul {
  left: -36px;
}
#header .mod_navigation li li {
  display: block; margin: 0;
  border-bottom: 1px solid #ebc5bd;
}
#header .mod_navigation li li.hotel a,
#header .mod_navigation li li.apartements a,
#header .mod_navigation li li.appartements a {
  display: block; 
  width: 120px; height: auto;
  padding: 1px 0 1px 0;
  color: #f4e0dc;
  text-align: center;
  font-size: 0.9em;
  font-weight: normal;
  background: #d78a7b;
}
#header .mod_navigation li li a.active,
#header .mod_navigation li li a.trail,
#header .mod_navigation li li a:hover {
  background: #af0427;
}



/* Bilder in den Spalten links/rechts */
#left .image_container img,
#right .image_container img {
  display: block;
}
#left .unten,
#right .unten {
  border-top: 1px solid #af082b;
}

/* Standard-Stilangaben */
#main h1 {
  font-size: 1.5em;
  margin-bottom: 1.3em;
}
#main h2 {
  font-size: 1.1em;
  margin-bottom: 0.1em;
}
#main h3 {
  font-size: 1em;
  margin-bottom: 0.8em;
}
#main p, #main table, #main ul, #main ol {
  margin-bottom: 1em;
}
#main ul, #main ol {
  margin-left: 0em;
}
#main ul {
  list-style: none;
}

/* Tabelle Preise Hotel */
#main .ce_table table {
  width: 100%; border: 0;
}
#main .ce_table table .col_0 {
  font-weight: bold;
  padding: 0 0 1px 0;
}
#main .ce_table table .col_1 {
  font-weight: normal;
  text-align: right;
}

/* Interne Links mit rotem Pfeil */
span.interner_link {
  height: 8px;
  padding-left: 8px;
  background: url(layout/Pfeil_rot.png) no-repeat center left;
}
span.interner_link a {
  color: #af082b;
  text-decoration: none;
  font-weight: bold;
}
span.interner_link a:hover {
  text-decoration: underline;
}
#main a,
#main .ce_download a,
#right .ce_download a {
  color: #af082b;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  background: url(layout/Pfeil_rot.gif) no-repeat left 3px;
}
#main a:hover,
#main .ce_download a:hover,
#right .ce_download a:hover {
  color: #3e3d40;
  text-decoration: none;
}

/* Seitenwahl */
#main .pagination {
  margin: 0;
  padding: 0;
}
#main .pagination p {
  margin: 0;
  padding: 0;
}
#main .pagination ul {
  margin: 0; padding: 0;
  list-style: none;
}
#main .pagination ul li {
  float: left;
  margin: 0 0.8em 0 0;
  padding: 0;
  background: none;
}
#main .pagination ul li .pagination_current {
  color: #666;
  font-weight: bold;
}

/* Formulare */
#main .formbody label {
  clear: left;
  display: block; float: left;
  width: 80px;
}
#main p.error,
#main span.error {
  color: #af0427;
  font-weight: bold;
}
#main .formbody div.error,
#main .formbody label.error {
  color: #af0427;
}
#main .formbody input.captcha,
#main .formbody input.text {
  width: 114px;
  border: 1px solid #ebc0c9;
  margin-bottom: 4px;
}
#main .formbody select {
  width: 114px;
  background: #f0d1c7;
  color: #af082b;
  border: 1px solid #ebc0c9;
  margin-bottom: 4px;
}
#main .formbody input.captcha {
  width: 60px;
}
#main .formbody select.error,
#main .formbody input.error {
  border-color: #af0427;
}
#main .formbody textarea {
  width: 195px; height: 68px;
  margin-bottom: 4px;
  border: 1px solid #ebc0c9;
}
#main .formbody label.error {
  font-weight: bold;
  color: #af0427;
}
#main .formbody .checkbox_container {
  padding-left: 110px;
}
#main .formbody .checkbox_container span {
  clear: left;
  display: block;
  margin-bottom: 1px;
}
#main .formbody .checkbox_container input.checkbox {
}
#main .formbody .checkbox_container label {
  display: inline; float: none;
  width: 114px;
}
#main .formbody .submit_container {
  margin: 5px 0px 0px 0px;
  padding: 1px;
}
#main .formbody input.submit {
  background: #f0d1c7;
  color: #af082b;
  border: 1px solid #ebc0c9;
}
#main .formbody br {
  clear: left;
  font-size: 1px; height: 1px;
}
/* Sonderfelder Datumseingabe */
#main .formbody .elm_21 input.text,
#main .formbody .elm_22 input.text,
#main .formbody .elm_34 input.text,
#main .formbody .elm_35 input.text,
#main .formbody .elm_47 input.text,
#main .formbody .elm_48 input.text,
#main .formbody .elm_60 input.text,
#main .formbody .elm_61 input.text {
  width: 90px;
}
#main .formbody button.calendar {
  position: relative; top: -3px;
}
/* Sonderfeld Personen-Select */
#main .formbody .elm_23 label,
#main .formbody .elm_36 label,
#main .formbody .elm_49 label,
#main .formbody .elm_62 label {
  width: 135px;
}
#main .formbody .elm_23 select,
#main .formbody .elm_36 select,
#main .formbody .elm_49 select,
#main .formbody .elm_62 select {
  width: 60px;
}
/* Sonderfeld Unterbringung-Select */
#main .formbody .elm_24 label,
#main .formbody .elm_37 label,
#main .formbody .elm_50 label,
#main .formbody .elm_63 label {
  display: none;
}
#main .formbody .elm_24 select,
#main .formbody .elm_37 select,
#main .formbody .elm_50 select,
#main .formbody .elm_63 select {
  width: 195px;
  margin-bottom: 7px;
}

/* Footer: Copyright-Hinweis / Adresse / Service-Navigation */
#footer p {
  /*font-family: georgia, arial, sans-serif;*/
  text-align: center;
  font-size: 1em;
}
#footer a {
  color: #af082b;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}

/* seitenspezifische Angaben: Sprachauswahlseite */
body.sprachauswahl #header .mod_changelanguage,
body.sprachauswahl #header .mod_navigation,
body.sprachauswahl #left,
body.sprachauswahl #right,
body.sprachauswahl #footer {
  display: none;
}
body.sprachauswahl #header {
  position: absolute; height: auto;
  border: 0;
}
body.sprachauswahl #container,
body.sprachauswahl #main,
body.sprachauswahl #main #content {
  padding: 0; margin: 0; border: 0;
  width: 661px; height: 423px;
  overflow: hidden;
}
body.sprachauswahl #links {
  position: absolute; left: 0px; top: 0px;
  border-right: 1px solid #af082b;
}
body.sprachauswahl #rechtsoben {
  position: absolute; left: 330px; top: 0px;
  border-bottom: 1px solid #af082b;
}
body.sprachauswahl #rechtsoben img {
  display: block;
}
body.sprachauswahl #rechtsunten {
  position: absolute; left: 330px; top: 213px;
}
body.sprachauswahl #startlinks {
  position: absolute; left: 182px; top: 37px;
  width: 295px; height: 66px; he\ight: 22px;
  padding-top: 44px;
  background: url(layout/HG_Transparenzfeld.png) no-repeat left top!important;
  background: url(layout/HG_Transparenzfeld.gif) no-repeat left top;
}
body.sprachauswahl #startlinks a {
  display: block; 
  position: absolute; left: 0; top: 13px;
  width: 147px; height: 23px; he\ight: 0px;
  padding-top: 27px; overflow: hidden;
  background-image: url(layout/headlines.gif);
  background-repeat: no-repeat;
  background-position: 20px 5px;
}
body.sprachauswahl #startlinks a#english {
  left: 147px;
  background-position: 20px -36px;
  border-left: 1px solid #af082b;
}
body.sprachauswahl #startlinks p {
  text-transform: uppercase;
  text-align: center;
}
body.sprachauswahl #footer {
  position: relative; top: 4px; display: block;
  background: none; border: 0;
}
/* Links auf Kontaktseiten */
body.aanfahrt #main a,
body.kontakt #main a,
body.contact #main a,
body.impressum #main a,
body.legal #main a,
body.adirections #main a,
body.hdirections #main a,
body.hanfahrt #main a {
  color: #3e3d40; 
  text-decoration: none;
  font-weight: normal;
  padding: 0; background: 0;
}
body.aanfahrt #main a:hover,
body.kontakt #main a:hover,
body.contact #main a:hover,
body.impressum #main a:hover,
body.legal #main a:hover,
body.adirections #main a:hover,
body.hdirections #main a:hover,
body.hanfahrt #main a:hover {
  text-decoration: underline;
}
body.aanfahrt #main .ce_download a,
body.kontakt #main .ce_download a,
body.contact #main .ce_download a,
body.impressum #main .ce_download a,
body.legal #main .ce_download a,
body.adirections #main .ce_download a,
body.hdirections #main .ce_download a,
body.hanfahrt #main .ce_download a {
  color: #af082b;
  font-weight: bold;
  text-decoration: none;
  padding-left: 10px;
  background: url(layout/Pfeil_rot.gif) no-repeat left 3px;
}
body.aanfahrt #main .ce_download a:hover,
body.kontakt #main .ce_download a:hover,
body.contact #main .ce_download a:hover,
body.impressum #main .ce_download a:hover,
body.legal #main .ce_download a:hover,
body.adirections #main .ce_download a:hover,
body.hdirections #main .ce_download a:hover,
body.hanfahrt #main .ce_download a:hover {
  color: #3e3d40;
  text-decoration: none;
}
/* Appartment-Detailansicht rechte Spalte */
body.appartment1 #right,
body.apartement1 #right,
body.appartment2 #right,
body.apartement2 #right,
body.appartment3 #right,
body.apartement3 #right {
  w\idth: 186px; he\ight: 304px;
  padding: 30px 0px 0 20px;
}
body.appartment1 #right strong,
body.apartement1 #right strong,
body.appartment2 #right strong,
body.apartement2 #right strong,
body.appartment3 #right strong,
body.apartement3 #right strong {
  display: block; margin-bottom: 1.3em;
  font-size: 1.1em;
}
body.appartment1 #right img,
body.apartement1 #right img,
body.appartment2 #right img,
body.apartement2 #right img,
body.appartment3 #right img,
body.apartement3 #right img {
  margin-bottom: 1.2em;
}
/* grafische Headlines */
body #main h1 {
  width: 205px; height: 27px; he\ight: 0px;
  padding-top: 27px; overflow: hidden;
  background-image: url(layout/headlines.gif);
  background-repeat: no-repeat;
  position: relative; top: 15px;
}
body.willkommen #main h1 {
  background-position: 40px -80px;
}
body.hpreise #main h1 {
  background-position: 45px -120px;
}
body.hanfrage #main h1 {
  background-position: 33px -160px;
}
body.hzimmer #main h1 {
  background-position: 50px -198px;
}
body.hanfahrt #main h1 {
  background-position: 63px -240px;
}
body.appartements #main h1 {
  background-position: 36px -280px;
}
body.aanfrage #main h1 {
  background-position: 0px -320px;
}
body.appartment1 #main h1 {
  background-position: 35px -360px;
}
body.appartment2 #main h1 {
  background-position: 35px -400px;
}
body.appartment3 #main h1 {
  background-position: 35px -440px;
}
body.aanfahrt #main h1 {
  background-position: 0px -480px;
}
body.kontakt #main h1 {
  background-position: 60px -520px;
}
body.impressum #main h1 {
  background-position: 50px -560px;
}
body.welcome #main h1 {
  background-position: 40px -700px;
}
body.hprices #main h1 {
  background-position: 45px -738px;
}
body.hinquiry #main h1 {
  background-position: 33px -780px;
}
body.hrooms #main h1 {
  background-position: 60px -820px;
}
body.adirections #main h1,
body.hdirections #main h1 {
  background-position: 25px -859px;
}
body.aoverview #main h1 {
  background-position: 36px -900px;
}
body.ainquiry #main h1 {
  background-position: 5px -940px;
}
body.apartement1 #main h1 {
  background-position: 35px -980px;
}
body.apartement2 #main h1 {
  background-position: 35px -1020px;
}
body.apartement3 #main h1 {
  background-position: 35px -1060px;
}
body.contact #main h1 {
  background-position: 50px -1100px;
}
body.legal #main h1 {
  background-position: 50px -1139px;
}

/* Scollbar */
.vScrollbar {
  position: absolute; left: 228px; top: 13px;
	float: left;			
}
.hScrollbar {
	clear: both;	
}
.vTrack {
	height: 315px;
	width: 8px;
	position: relative;
	background: #fff;
	border: 1px solid #af082b;
	overflow: hidden;			
}
.hTrack {
	float: left;
	height: 15px;
	width: 255px;
	position: relative;
	background: #fff;
	overflow: hidden;			
}
.vThumb, .hThumb {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background: #d78a7b;
	overflow: hidden;
}
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {
	width: 14px; height: 7px;
	background: #777;
	overflow: hidden;						
}
.arrowUp {
  background: url(layout/scroll_up.gif) no-repeat left top;				
}
.arrowDown {
  background: url(layout/scroll_down.gif) no-repeat left top;				
}
.arrowLeft, .arrowRight, .corner {
	float: left;
}	
.corner {
	background: #000;
}