body {
  margin: 0;
  padding: 0;
  font: normal 100% arial, sans-serif;
  border: 0;
  background: #f7f2e7;
}

.trenner {
  clear: both;
  float: none;
}

.unsichtbar {
  display: none;
}

img {
  border: 0;
}

#klammer {
  background: #fff;
  padding: 0 0 30px 0;
  width: 1003px;
  /*position: absolute;
  top: 0;
  left: 50%;
  margin-left: -501px;*/
  border-top: 10px solid #f7f2e7;
  border-bottom: 10px solid #ceb371;
}



/* - Labyrinth -------------- */

#labyrinth {
  background-image: url(../images/labyrinth.gif);
  background-repeat: no-repeat;
  background-position: right top;
  width: 1003px;
  height: 170px;
}



/* - Logo ------------------ */

#logo {
  position: absolute;
  top: 27px;
  left: 20px;
}



/* - Hauptnavigation ------- */

#hauptnavigation {
}

#hauptnavigation #klinik {
  position: absolute;
  top: 30px;
  left: 409px;
}

#hauptnavigation #krankheitsbilder {
  position: absolute;
  top: 60px;
  left: 490px;
}

#hauptnavigation #therapie {
  position: absolute;
  top: 91px;
  left: 634px;
}

#hauptnavigation #ihraufenthalt {
  position: absolute;
  top: 91px;
  left: 766px;
}

#hauptnavigation #service {
  position: absolute;
  top: 54px;
  left: 884px;
}




/* - Rubrikfoto / Claim ---- */

#rubrikfoto_claim {
  margin-top: -60px;
  overflow: hidden;
  float: none;
  clear: both;
}

#rubrikfoto {
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_klinik {
  background-image: url(../images/rubrikfoto_klinik_hochgrat.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_klinik-adula {
  background-image: url(../images/rubrikfoto_klinik_adula.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_krankheitsbilder {
  background-image: url(../images/rubrikfoto_krankheitsbilder_hochgrat.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_krankheitsbilder-adula {
  background-image: url(../images/rubrikfoto_krankheitsbilder_adula.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_therapie {
  background-image: url(../images/rubrikfoto_therapie_hochgrat.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_aufenthalt {
  background-image: url(../images/rubrikfoto_aufenthalt_hochgrat.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}
#rubrikfoto_service {
  background-image: url(../images/rubrikfoto_service_hochgrat.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 504px;
  height: 90px;
}

#claim {
  float: left;
  padding: 79px 0 0 10px;
}


/* - Unten ---------------- */

#unten {
  float: none;
  clear: both;
  overflow: hidden;
  padding: 28px 0 0 0;
  height: 100%;
}



/* - Spalte 1: Kontextnavigation ---- */

#spalte_1 {
  float: left;
  width: 210px;
}

#kontextnavigation {
}

#kontextnavigation ul {
  background-image: url(../images/kontextnav_hintergrund.gif);
  background-repeat: no-repeat;
  background-position: 0 8px;
  list-style-type: none;
  padding: 0 0 0 19px;
  margin: 0;
}

#kontextnavigation ul li {
}

#kontextnavigation ul li.aktiv {
  background-image: url(../images/kontextnav_li_aktiv.gif);
  background-repeat: no-repeat;
  background-position: right 6px;
}

#kontextnavigation ul li a {
  display: block;
  text-decoration: none;
  background-image: url(../images/kontextnav_icon_aus.gif);
  background-repeat: no-repeat;
  background-position: 0 6px;
  padding: 3px 0 3px 20px;
  margin: 2px 0 2px 0;
  color: #a78d4e;
  font-size: 80%;
  width: 131px;
}

#kontextnavigation ul li a:hover, #kontextnavigation ul li a.aktiv {
  background-image: url(../images/kontextnav_icon_an.gif);
  color: #003c79;
}

#kontextnavigation ul li a.aktiv-mit-menue, #kontextnavigation ul li a.aktiv-mit-menue:hover {
  background-image: url(../images/kontextnav_icon_an_aktiv.gif);
  color: #003c79;
  font-weight: bold;
  padding-bottom: 8px;
}

#kontextnavigation ul li a.aktiv {
  font-weight: bold;
}


.tempmenue_head {
  color: #a78d4e;
  /*color: #003c79;*/
  padding: 20px 0 5px 0;
  margin-left: 20px;
  margin-bottom: 5px;
  font-size: 80%;
  font-weight: bold;
  border-bottom: 1px solid #a78d4e;
}

#kontextnavigation ul.tempmenue {
  list-style-type: square;
  color: #a78d4e;
  background-image: url();
  margin-left: 36px;
  padding-left: 0;
}

#kontextnavigation ul.tempmenue li {
  padding: 1px 0 1px 0;
}

#kontextnavigation ul.tempmenue li.aktiv {
  color: #003c79;
  background-image: url();
}

#kontextnavigation ul.tempmenue li a {
  display: inline;
  background-image: url();
  padding: 0;
  margin: 0;
}

#kontextnavigation ul.tempmenue li:hover, #kontextnavigation ul.tempmenue li a:hover {
  color: #003c79;
  background-image: url();
}





/* Kontextnavigation 2. Ebene */

#kontextnavigation ul li ul {
  background: #fff;
  list-style-type: none;
  padding: 8px 0 24px 0;
  margin: -8px 0 -8px 0;
}

#kontextnavigation ul li ul li {
  background: #fff;
}

#kontextnavigation ul li ul li a {
  display: block;
  text-decoration: none;
  background: #fff;
  padding: 3px 0 3px 20px;
  margin: 2px 0 2px 0;
  color: #003c79;
  font-size: 80%;
}

#kontextnavigation ul li ul li a:hover {
  background: #fff;
  color: #003c79;
  text-decoration: underline;
}

#kontextnavigation ul li ul li a.aktiv {
  background: #fff;
}





#link_andere_klinik {
  background-image: url(../images/kontextnav_hintergrund.gif);
  background-repeat: no-repeat;
  padding: 32px 0 0 15px;
  margin: -2px 0 0 0;
}

#link_andere_klinik.tempmenue {
  background-image: url();
  background-repeat: no-repeat;
  padding: 32px 0 0 15px;
  margin: -2px 0 0 0;
}




/* - Spalte 2: Foto, Farbstreifen ------ */

#spalte_2 {
  float: left;
  width: 290px;
  margin: 8px 0 0 0;
  overflow: hidden;
}

#spalte_2 a {
  color: #ceb371;
  font-weight: bold;
}

#spalte_2 a:hover {
  text-decoration: none;
}


#spalte_2.rubrikstart {
  background: #003c79;
  height: 10px;
}

#spalte_2.bild-breiter {
  width: 280px;
  margin-left: 10px;
}

#spalte_2.routenplaner {
  width: 210px;
  margin-left: 10px;
}

#spalte_2 #farbstreifen {
  background: #ceb371;
  height: 10px;
  overflow: hidden;
  width: 40px;
  margin-right: 10px;
  float: left;
}

#spalte_2.rubrikstart #farbstreifen {
  width: 50%;
}

#spalte_2.ohne-bild #farbstreifen {
  width: 100%;
}

#spalte_2.bild-breiter #farbstreifen, #spalte_2.routenplaner #farbstreifen {
  width: 100%;
  clear: both;
  float: none;
}

#spalte_2 .bild, #spalte_2_ansprechpartner .bild {
  height: 100%;
  overflow: hidden;
  float: left;
  width: 240px;
}
#spalte_2 .bild_img {
}
#spalte_2 .bild_text, #spalte_2_ansprechpartner .bild_text {
  color: #003c79;
  font-size: 80%;
  font-style: italic;
}

#spalte_2.bild-breiter .bild {
  width: 280px;
  clear: both;
  float: none;
}

#spalte_2.routenplaner .bild {
  width: 200px;
  clear: both;
  float: none;
  overflow: hidden;
}

#spalte_2_ansprechpartner {
  float: left;
  overflow: hidden;
  width: 793px;
}

#spalte_2_ansprechpartner .farbstreifen {
  background: #ceb371;
  height: 10px;
  overflow: hidden;
  width: 40px;
  margin-right: 10px;
  float: left;
}

.ansprechpartner_zeile {
  clear: both;
  float: none;
}

.ansprechpartner_spalte_1 {
  width: 290px;
  float: left;
  margin-top: 8px;
}

.ansprechpartner_spalte_2 {
  float: right;
  width: 490px;
}

.zitat {
  margin-left: 10px;
}

.zitat_head {
  color: #f9f5ed;
  font-size: 36px;
  font-weight: bold;
  padding-left: 25px;
}

.zitat_body {
  background-image: url(../images/zitat_links.gif);
  background-repeat: no-repeat;
  color: #ceb371;
}

.zitat_text {
  font-size: 100%;
  background-image: url(../images/zitat_rechts.gif);
  background-repeat: no-repeat;
  background-position: bottom right;
  padding: 15px 30px 15px 30px;
  font: normal 130% times, serif;
}

.zitat_text strong {
  font-weight: normal;
}

.zitat_text p {
  margin: 0 0 5px 0;
}

.zitat_urheber {
  font-weight: bold;
  font-size: 80%;
}




/* - Spalte 3: Inhalte ------ */

#spalte_3 {
  float: right;
  width: 490px;
}

#spalte_3.routenplaner {
  width: 560px;
}

#headline {
  border-bottom: 1px solid #ceb371;
}

#headline h1 {
  font-size: 120%;
  font-weight: normal;
  color: #ceb371;
  padding: 0 0 0 0;
  margin: 0 0 5px 0;
  border: 0;
}

.bild_breit {
  clear: both;
  float: none;
  margin: 14px 0 0 0;
}

.copytext {
  clear: both;
  float: none;
  color: #003c79;
  font-size: 80%;
  line-height: 140%;
  margin: 20px 0 0 0;
  padding: 0 0 0 1px;
  width: 449px;
}

.copytext p {
  margin: 0 0 12px 0;
}

.copytext a {
  color: #ceb371;
  font-weight: bold;
}

.copytext a:hover {
  text-decoration: none;
}

#routenplaner {
  margin-left: -10px;
}

#routenplaner iframe {
  width: 570px;
  height: 380px;
}




#fusszeile {
  border-top: 1px solid #ceb371;
  font-size: 80%;
  padding: 10px 0 0 0;
  margin: 30px 0 0 0;
}

#fusszeile a {
  color: #ceb371;
  text-decoration: none;
}

#fusszeile a:hover {
  text-decoration: underline;
}

#fusszeile a#seitenanfang, #fusszeile a#seitedrucken {
  background-repeat: no-repeat;
  background-position: left center;
  font-weight: bold;
  padding: 0 0 0 20px;
  margin-right: 25px;
}

#fusszeile a#seitenanfang {
  background-image: url(../images/icon_seitenanfang.gif);
}

#fusszeile a#seitedrucken {
  background-image: url(../images/icon_seitedrucken.gif);
}

#fusszeile .copyright {
  display: block;
  color: #ceb371;
  padding: 10px 0 0 0;
}


/* -- Kontaktformular -- */

#form_kontakt {
  margin: 0;
  padding: 0;
}

#form_kontakt .formular_label {
  float: left;
  width: 100px;
  padding: 2px 0 10px 0;
}
#form_kontakt input {
  width: 200px;
}
#form_kontakt textarea {
  width: 250px;
  height: 120px;
  margin-bottom: 30px;
}
#form_kontakt input#button_submit {
  border: 0;
  padding: 3px 0 3px 0;
  background: #ceb371;
  color: #fff;
  font: bold 100% arial, sans-serif;
  margin-bottom: 30px;
}


/* Bildergalerien */

.bildergalerie_vorschau {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.bildergalerie_vorschau img {
  border: 0;
}

#bildergalerie-fusszeile {
  font: bold 80% arial; 
  color: #003c79;
  padding: 10px 0 10px 0;
}
#bildergalerie-fusszeile a {
  text-decoration: none;
  color: #003c79;
  margin: 5px 5px 5px 10px;
}

#bildergalerie-fusszeile a:hover {
  text-decoration: underline;
}
#bildzurueck, #bildvor {
  margin-top: 4px;
  width: 300px;
  float: left;
}
#bildvor {
  text-align: right;
}
#bildergalerie-schliessen {
  width: 600px;
  text-align: center;
}


/* Hinweis "Volles therapeutisches Spektrum zwischen den Jahren" */

#hinweis {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  background-image: url(../images/braun_80pr.png);
  width: 100%;
  height: 100%;
  z-index: 100;
}
#hinweis_text {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -140px;
  margin-top: -110px;
  width: 220px;
  height: 160px;
  border: 10px solid #ceb371;
  background-color: #fff;
  color: #003c79;
  padding: 20px;
  font-size: 13px;
}
#hinweis_text a {
  text-decoration: none;
  font-weight: bold;
  color: #ceb371;
}
#hinweis_text a:hover {
  color: #003c79;
}