body, html
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #555555;
  margin: 0px;
  background-image: url(images/hg-index.jpg);
  line-height: 15px;
}
select, input, textarea
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  border: solid 1px #313888;
  color: #555555;
}
input.button
{
  background-color: #FFFFFF;
  border: solid 1px #313888;
  margin: 0;
  cursor: pointer;
}
input.checkRadio
{
  background-color: #F2F1EF;
  border: solid 1px #F2F1EF;
  cursor: pointer;
}
td, th
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #555555;
}
a:link, a:visited, a:hover, a:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #555555;
  font-size: 12px;
  text-decoration: underline;
}
a.fuss:link, a.fuss:visited, a.fuss:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #A8A194;
  font-size: 9px;
  text-decoration: none;
/*  letter-spacing: 1px */
}
a.fuss:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #A8A194;
  font-size: 9px;
  text-decoration: underline;
/*  letter-spacing: 1px */
}
a.fuss-schwarz:link, a.fuss-schwarz:visited, a.fuss-schwarz:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 9px;
  text-decoration: none;
}
a.fuss-schwarz:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 9px;
  text-decoration: underline;
}
/* Sitemap */
a.sitemap:link, a.sitemap:visited, a.sitemap:active, a.sitemap:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #555555;
  font-size: 9px;
  text-decoration: underline;
/*  letter-spacing: 1px */
}
/* Copyright */
a.copy:link, a.copy:visited, a.copy:active, a.copy:hover
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #A8A194;
  font-size: 9px;
  text-decoration: none;
}
/* Formular Kartenbestellung */
.success
{
  color: #A8A194;
  font-size: 10px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.failed
{
  color: #E10000;
  font-size: 12px;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Formular Kartenbestellung Ende */
.fusszeile
{
  color: #A8A194;
  font-size: 9px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  letter-spacing: 1px */
}
.copyright
{
  color: #A8A194;
  font-size: 9px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  letter-spacing: 1px */
}
h1
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 13px;
  letter-spacing: 0px;
  word-spacing: 1px;
  color: #555555;
}
h2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin:8px 0 2px 0;
  color: #555555;
}
.text-klein
{
  color: #555555;
  font-size: 9px;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  letter-spacing: 1px */
}
.ues
{
  color: #555555;
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-top: 30px;
}
#index
{
  position: relative;
  width: 935px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  text-align: left;
}
#startseite
{
  float: left;
  width: 800px;
  padding-bottom: 15px;
}
#startseite-bild
{
  float: left;
  width: 800px;
}
#startseite-headline
{
  float: left;
  width: 800px;
  margin-top: 60px;
}
#startseite-links
{
  float: left;
  width: 800px;
  margin-top: 45px;
}
#links-left
{
  float: left;
  width: 400px;
  text-align: right;
}
#left-box
{
  float: left;
  width: 200px;
  margin-left: 190px;
  text-align: left;
}
#links-right
{
  float: left;
  width: 400px;
  text-align: left;
}
#right-box
{
  float: left;
  width: 200px;
  margin-left: 25px;
}
a.box:link, a.box:visited, a.box:hover, a.box:active
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #d9dbea;
  font-size: 11px;
  text-decoration: none;
  margin-top: 5px;
}
#head
{
  float: left;
  width: 800px;
}

#navi-oben
{
  position: absolute;
  left: 460px;
  top: 90px;
  width: 302px;
  height: 29px;
  z-index: 1;
}
#navi
{
  float: left;
  margin-left: 8px;
  width: 162px;
  height: auto;
}
#navButton
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
/*  font-variant: small-caps; */
}
#navButton ul
{
  margin: 30px 0px 0px 15px;
  padding: 0;
  list-style-type: none;
}
#navButton li
{
/* float: left; */
  margin: 0px 0px 0px 0px;
}
#navButton li.headline  /* Überschrift */
{
  color: #3e408b;
  font-weight: bold;
  margin-top: 10px;
}
#navButton li.active  /* Navigationspunkt ist ausgewählt */
{
  display: block;
  padding-top: 0px;
  padding-left: 10px;
  width: 135px;
  height: 15px;
  color: #009d30;
  background-image: url(images/button-hover.gif);
  background-repeat: no-repeat;
  font-size: 11px;
}
#navButton a
{
  display: block;
  padding-top: 0px;
  padding-left: 10px;
  width: 135px;
  height: 15px;
  color: #3e408b;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
}
#navButton a.active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  display: block;
  padding-top: 0px;
  padding-left: 10px;
  width: 135px;
  height: 15px;
  background-image: url(images/button-hover.gif);
  background-repeat: no-repeat;
  color: #009d30;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
}
#navButton a:visited
{
  color: #3e408b;
  font-size: 11px;
}
#navButton a:hover
{
  color: #009d30;
  background-image: url(images/button-hover.gif);
  background-repeat: no-repeat;
  font-size: 11px;
}

#navButton2
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
/*  font-variant: small-caps; */
}
#navButton2 ul
{
  margin: 12px 0px 0px -20px;
  padding: 0;
  list-style-type: none;
}
#navButton2 li
{
  display: inline; /* NEU */
  margin: 0px 0px 0px 0px;
}
#navButton2 li.active  /* Navigationspunkt ist ausgewählt */
{
  padding-top: 0px;
  padding-left: 0px;
  width: 135px;
  height: 15px;
  color: #009d30;
  text-decoration: none;    /* NEU */
  text-align: left; /* NEU */
  font-size: 11px;
}
#navButton2 a
{
  padding-top: 0px;
  padding-left: 0px;
  width: 135px;
  height: 15px;
  color: #737373;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
}
#navButton2 a.active   /* Navigationsunterpunkt ist ausgewählt, daher anklickbar */
{
  padding-top: 0px;
  padding-left: 0px;
  width: 135px;
  height: 15px;
  color: #009d30;
  text-decoration: none;
  text-align: left;
  font-size: 11px;
}
#navButton2 a:visited
{
  color: #737373;
  font-size: 11px;
}
#navButton2 a:hover
{
  color: #009d30;
  font-size: 11px;
}

#home
{
  float: left;
  width: 800px;
  background: url(images/hg-home.jpg);
}
#content
{
  float: left;
  width: 615px;
  margin-left: 0px;
}

/* ERWEITERTE DIVS INNERHALB VON CONTENT */

#cTopBild {  /* Startbild, das mit head verschmilzt */
  margin-left: 14px;
}
#cForm {       /* Formulare */
  margin-left: 14px;
}
#cTop {   /* ohne Startbild */
  margin-left: 14px;
}
#cBilderLeiste {   /* linke Bilderleiste */
  clear: left;
  float: left;
  margin-top: 14px;
  margin-left: 14px;
}

/* ENDE */

.cAngebote {   /* Angebote ... Text links ohne Bilder */
  margin-left: 14px;
}
.cBuchung {   /* Buchung ... Text links ohne Bilder */
  margin-left: 14px;
}
.cGastgeber {   /* Gastgeber ... Text links ohne Bilder */
  margin-left: 14px;
}
.cGastgeber ul {
/*  margin-top: 0;    */
  margin-left: 0; /* Aussenabstand */
  padding-left: 0;  /* Innenabstand */
/*  margin-bottom: 0;  */
}
.cPresse {   /* Presse, Impressum ... Text links ohne Bilder */
  margin-left: 14px;
}
.cPresse ul {
/*  margin-top: 0;    */
  margin-left: 0; /* Aussenabstand */
  padding-left: 0;  /* Innenabstand */
/*  margin-bottom: 0;  */
}
.cPresse li.off {
  list-style-type: none;
  list-style-image: none;
}
.cList {       /* Auflistungen allg. */
  margin-left: 128px;
}
.cList ul {
/*  margin-top: 0;    */
  margin-left: 0; /* Aussenabstand */
  padding-left: 0;  /* Innenabstand */
/*  margin-bottom: 0;  */
}
.cList li.off {
  list-style-type: none;
  list-style-image: none;
}
.middot
{
  list-style-image: url(images/li-middot.gif);
  z-index: 100;
}
.cText {       /* einfacher Text */
  margin-left: 128px;
}
.cLeftBilder {
  margin-left: 14px;
}
.cGastTable
{
  clear: both;
  margin-left: 14px;
}
.cVeranstaltung {   /* Veranstaltungen ... Text links ohne Bilder */
  margin-left: 14px;
}
#unten
{
  width: 800px;
  float: left;
}
#copyright
{
  width: 780px;
  float: left;
}
#werbung
{
  position: absolute;
  top: 0px;
  left: 805px;
  width: 120px;
}
.mt30 { margin-top: 30px }

/* Formatierung der Bildergalerie Vorschaubilder */
.thumbNail
{
  float: left;
  padding: 5px;
  margin-right: 20px;
  margin-bottom: 20px;
  border: 1px solid #A8A194;
}
#zoomBild
{
  float: left;
  padding: 5px;
  margin-top: 5px;
  border: 1px solid #A8A194;
}

/* für die Sitemap */
.cSitemap {   /* Text links ohne Bilder */
  margin-left: 14px;
}
.cSitemap ul {
/*  margin-top: 0;    */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #555555;
  font-size: 9px;
  margin-left: 0; /* Aussenabstand */
  padding-left: 0;  /* Innenabstand */
/*  margin-bottom: 0;  */
}
.cSitemap li.off {
  list-style-type: none;
  list-style-image: none;
}
li.up0
{
  margin-left:0px;
  margin-bottom:5px;
}
li.up1
{
  margin-left:15px;
  margin-bottom:5px;
}
#einklinker
{
  position: absolute;
  top: 255px;
  left: 650px;
}