@IMPORT url("/site/lightbox2.04/css/lightbox.css");

html {
  background: white url("/images/hg-html.png") repeat-y scroll 0 0; 
}

body {
  background: transparent url("/images/hg-body.png") no-repeat scroll 0 0;
  color: #000;
  font-family: verdana, arial, sans-serif;
  font-size: 100.01%;
  padding: 0;
  margin: 0;
}
/* ========= BASICS ================= */
#container {
	width: 1000px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
  height: 100%;
  margin: 0;
  max-height: 100%; }
.noBorder {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.stopFloat {
  display: block;
  float: none;
  clear: both;
  height: 1px;
  font-size: 0px;
  line-height: 0px;
}

h1, h2.h1 { color: #4b4a4a; font-size: 100%; font-weight: bold; text-decoration: none; margin: 0; line-height: 1.4; }
h1.slogan { font-size: 100%; text-transform: none; }
h1.slogan span.slogan_urheber { display: block; text-align: left; margin: 5px 0 0 0; font-size: 75%; font-weight: normal; }
h2, h1.h2 { color: #4b4a4a; font-size: 90%; font-weight: bold; text-decoration: none; margin: 0 0 15px 0; line-height: normal; }
h3 { color: #4b4a4a; font-size: 77%; font-weight: bold; margin: 15px 0 8px 0; }
p { color: #4b4a4a; font-size: 77%; margin: 5px 20px 15px 0; line-height: 1.5; }
a img { border: none; }

/* Tabelle innerhalb #mainContent */
#mainContent table {
  color: #4b4a4a;
  font-size: 77%;
  line-height: 1.5;
}

#mainContent table tbody, #mainContent table tbody td, #mainContent table tbody th {
	font-size: inherit;
}

#mainContent table tbody td, #mainContent table tbody th {
  vertical-align: top;
  padding: 0 8px 8px 0;
}

#mainContent table tbody th {
  text-align: right;
  white-space: nowrap;	
}

#mainContent ul {
	margin: 5px 20px 15px 0;
	padding: 0;
	list-style-position: outside;
}

#mainContent ul li {
	margin: 0 0 0 19px;
	padding: 0;
	font-size: 77%;
}

#mainContent ul li ul li,
#mainContent table ul li {
	font-size: 100%;
}

/* ========= Content Left =========*/
#sidebarLeft { float: left; width: 234px; margin: 0 30px 0 0; padding: 0; }
#sidebarLeft p { color: #ca8b8d; font-weight: bold; margin: 0 0 0 20px; padding: 0; }
/*----------------Nav Galerie---------------*/
#boxNavGalerie { margin: 25px 10px 10px 20px; }
#boxNavGalerie h1 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 130%;
  color: #ab403f;
  letter-spacing: 3px;
  text-transform: uppercase;
  margin: 0;
}
ul.NavGalerie { font-size: 11px; text-decoration: none; list-style-type: none; padding: 0; width: 150px; margin: 0; }
ul.NavGalerie li { color: #ca8b8d; text-decoration: none; list-style-type: none; padding: 0; width: 150px; margin-bottom: 1px; }
ul.NavGalerie li.aktiv { color: white; font-weight: bold; text-decoration: none; list-style-type: none; padding: 0; width: 150px; }
ul.NavGalerie li.aktiv a { color: white; text-decoration: none; list-style-type: none; padding: 0; width: 150px; }
ul.NavGalerie a { color: #ca8b8d; text-decoration: none; list-style-type: none; padding: 0; width: 150px; }
ul.NavGalerie a:hover { color: white; text-decoration: none; list-style-type: none; padding: 0; width: 150px; }


/*---------------------Nav Main------------------*/
ul.Navigation {
  width: 200px;
  margin: 0 0 0 20px;
  padding: 0;
  border: 0;
  text-align: left;
  font-size: 13px;
  list-style-type: none;
}

ul.Navigation li {
  color: #efbcbe;
  margin: 3px 0;
}

ul.Navigation li.aktiv a {
  color: white;
  font-weight: bold;
}

ul.Navigation a {
  color: #efbcbe;
  padding: 0;
  text-transform: uppercase;
  text-decoration: none;
}

ul.Navigation a:hover {
  color: white;
}

/* Nav Main Unterpunkte */
ul.Navigation li ul {
  margin: 3px 0 0 0;
  padding: 0;
  list-style-type: none;
}

ul.Navigation li.aktiv ul li {
  background-image: url(/images/but-mainnav-sub.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 3px;
  padding: 0 0 0 15px;
  margin: 0;
}

ul.Navigation li.aktiv ul li a {
  color: #efbcbe;
  font-weight: normal;
  text-transform: none;
}

ul.Navigation li.aktiv ul li a:hover {
  color: white;
}

ul.Navigation li.aktiv ul li.aktiv,
ul.Navigation li.aktiv ul li:hover {
  background-image: url(/images/but-mainnav-sub-aktiv.gif);
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: 0 3px;
}

ul.Navigation li.aktiv ul li.aktiv a {
  color: white;
  font-weight: normal;
}

/* Nav Main Unter-Unterpunkte (3. Ebene) */

ul.Navigation li ul li ul {
  margin: 0 0 5px 0;
}

ul.Navigation li.aktiv ul li.aktiv ul li {
  background: none;
  padding: 0;
  margin: 0;
}

ul.Navigation li.aktiv ul li.aktiv ul li a {
  font-size: 85%;
  color: #efbcbe;
  letter-spacing: -1px;
}

ul.Navigation li.aktiv ul li.aktiv ul li.aktiv,
ul.Navigation li.aktiv ul li.aktiv ul li:hover {
  background: none;
}
  
ul.Navigation li.aktiv ul li.aktiv ul li.aktiv a,
ul.Navigation li.aktiv ul li.aktiv ul li a:hover {
  color: white;
}

/*------------------Box Aktion-----------------------*/
#boxAktion { background-image: url(/images/but-aktion.gif); background-repeat: no-repeat; background-attachment: scroll; padding: 0; height: 109px; width: 234px; margin: 8px 0 0; }
#boxAktion span {
display: none;
}
#boxAktion a { display: block; background-image: url(/images/but-aktion.gif); background-repeat: no-repeat; width: 234px; height: 109px; background-color: #fff; color: #000; text-decoration: none; }
#boxAktion a:hover { color: #000; background-color: #fff; background-image: url(/images/but-aktion-over.gif); background-repeat: no-repeat; display: block; width: 234px; height: 109px; }
#boxAktion h1 { font-size: 70%; margin: 0; padding: 0; }
/**/
.adresseLeft { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none; }
.boxLogoLeft { margin-top: 20px; margin-left: 25px; }
/*------------------SubNavLeft----------------------------*/
#subNavLeft { margin: 25px 0; }
ul.subNavLeft { color: #ca8b8d; font-size: 11px; list-style-type: none; margin: 0 0 0 20px; padding: 5px 0; }
ul.subNavLeft li { list-style-type: none; display: block; margin: 0 8px 0 0; padding: 0; float: left; }
ul.subNavLeft li.aktiv { font-weight: bold; list-style-type: none; display: block; padding: 0; float: left; }
ul.subNavLeft li.aktiv a { color: white; text-decoration: none; list-style-type: none; display: block; padding: 0; float: left; }
ul.subNavLeft a { letter-spacing: -1px; text-transform: lowercase; color: #ca8b8d; text-decoration: none; list-style-type: none; display: block; margin: 0 0 0 0; padding: 0; float: left; }
ul.subNavLeft a:hover { color: white; text-decoration: none; list-style-type: none; display: block; margin: 0 0 0 0; padding: 0; float: left; }
/*========= Content Right =============*/
#sidebarRight {
  float: right; /* Da es sich hier um ein floatendes Element handelt, muss eine Breite angegeben werden. */
  width: 160px; /* Die tatsächliche Breite dieses div umfasst in standardgerechten Browsern bzw. im Standardmodus von Internet Explorer außer der Breite auch die Auffüllung und den Rahmen. */
  background: #56661c; /* Die Hintergrundfarbe wird nur für die Länge des Spalteninhalts angezeigt. */
  padding: 15px 10px 15px 20px; /* Mit der Auffüllung wird gewährleistet, dass der Inhalt des div die Kanten nicht berührt. */
}
/* ======= Content Middle ===========*/
#mainContent {
	background-color: #fff; position: relative; margin: 25px 0 25px; /* Der rechte und der linke Rand dieses div-Elements erstellen die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. Sie können diesen Rand entfernen, falls der Text des #mainContent-div die Randleistenbereiche füllen soll, wenn der Inhalt in den Randleisten endet. */
  padding: 0; width: 650px; float: left; }
#mainContent a { color: #85070f; text-decoration: none; }
#mainContent a:hover { color: #8f8f8f; text-decoration: none; }
#textEingerueckt { position: absolute; top: 190px; left: 120px; width: 530px; }
#mainContent #cnt,
#mainContent #video {
	margin: 0 0 5px 120px;
}
.vorher_nachher { margin: 0 0 0 120px; }
/*========= Flash Bereiche ============*/
#flashcontent {
	width: 650px;
	height: 460px;
	padding: 0;
	background: url(/noflash/no_flash.jpg) no-repeat;
	margin: 0 0 20px;
}

#boxLogoFlash {
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin: 0 0 60px;
	padding: 0;
	width: 269px;
	height: 225px;
}

#boxButtonAktion {
	background-color: transparent;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 0 0;
	margin: 8px 0 20px 0;
	padding: 0;
	width: 234px;
	height: 109px;
}

/*=========== FooterNav =================*/
#footerNav { background-color: #e9e9e9; width: 735px; height: 25px; margin: 0 0 0 235px; text-align: center; }
ul.subNavFooter { color: #8f8f8f; font-size: 9px; list-style-type: none; margin: 0 0 0 8px; padding: 5px 0; }
ul.subNavFooter li { float: left; list-style-type: none; display: block; padding: 0 0.7ex; margin: 0; }
ul.subNavFooter li.aktiv { list-style-type: none; display: block; margin: 0; padding: 0; }
ul.subNavFooter li.aktiv a { color: #85070f; list-style-type: none; display: block; margin: 0; padding: 0; }
ul.subNavFooter a { color: #8f8f8f; text-decoration: none; list-style-type: none; display: block; margin: 0; padding: 0; }
ul.subNavFooter a:hover { color: #85070f; text-decoration: none; list-style-type: none; display: block; margin: 0; padding: 0; }
/**/

#galerie_vorher, #galerie_nachher {
  float: left;
  margin: 0 15px 15px 0;
}

#galerie_vorher img, #galerie_nachher img {
  margin: 8px 0 0 0;
}

#mainContent table.preise {
	width: 60%;
	margin: 8px 0;
}

#mainContent table.preise tbody tr th {
  background: url("/images/dot.gif") repeat-x left 13px;
  text-align: left;
  white-space: normal;
  padding: 0;
}

#mainContent table.preise tbody tr th span {
  padding: 0 1ex 0 0;
  background: white;
  font-weight: normal;
}

#mainContent table.preise tbody tr td {
  padding: 0 0 0 1ex;
  width: 11ex;
  text-align: right;
  white-space: nowrap;
  font-weight: bold;
}

#mainContent #gaestebuch_formular table tbody tr th {
  text-align: left;
  vertical-align: text-top;
  font-weight: bold;
  padding-right: 3ex;
}

#mainContent #gaestebuch_formular table tabody tr td {
  text-align: left;
  vertical-align: text-top;
}

/* Sitemap <ul> */
ul.sitemap,
ul.sitemap ul {
  list-style: square;
  color: #85070f;
}

p.imageCaption {
  font-size: 60%;
  color: gray;
}