/* ===== G E N E R A L ===== */
 
 body {
  width:100%;
  margin:0;
  padding:0;
  font-family:verdana, "vera sans", "comic sans ms", sans-serif, arial, times;
  font-size:0.9em;
  color:#600;
  background:url(../hintergrund/bg_all.png) no-repeat center top #f60;
 }
  
 .orange {
  color:#f60;
 } 
  
 .float_right {
  float:right;
 }
  
 h1 span {
  display:none;
 }
  
 h2 {
  width:100%;
  height:30px;
  font-size:1.5em;
  font-weight:normal;
  text-indent:46px;
  color:#fff;
  background:url(../hintergrund/h2.jpg) bottom no-repeat;
 }
  
 .wrapper {
  position:relative;
  width:900px;
  height:100%;
  margin:0 auto;
  padding:0;
  background:transparent;
 }
  
 .ticker {
  width:435px;
  height:20px;
  margin:10px 0 0 -22px;
  padding:0;
  font-size:1.1em;
  color:#fff;
  background:transparent;
 }
  
 .adresse {
  position:absolute;
  width:220px;
  height:100px;
  top:40px;
  right:20px;
  margin:0;
  padding:0;
  text-align:center;
 }
  
 .adresse span {
  font-size:1.1em;
  font-weight:bold;
  text-transform:uppercase;
  color:#f60;
 }
  
 .adresse a, .adresse a:link, .adresse a:active, .adresse a:visited {
  font-weight:bold;
  color:#600;
  text-decoration:underline;
 }
  
 .adresse a:hover {
  color:#f60;
 }
   
 .main_nav {
  width:100%;
  height:70px;
  margin:250px 0 0 0;
  padding:0;
 }

  
 .stadt {
  position:absolute;
  top:247px;
  left:10px;
  width:95px;
  margin:0;
  padding:0;
 }
  
 .ueberschrift {
  width:870px;
  height:70px;
  margin:-10px 0 0 -50px;
  padding:0;
  text-align:right;
 }
 
 .facebook{
 position:absolute;
 top:340px;
 right:30px;
 width:32px;
 height:32px;
}
  
 .fuss {
  clear:both;
  width:890px;	
  height:70px;
  margin:0;
  padding:0 5px;
  background:url(../hintergrund/bg_fuss.png) #600 no-repeat;
 }
 
 .main_nav_fuss {
  width:900px;
  height:30px;
  margin:0;
  padding:0;
 }
 
 .inhalt_neues, .inhalt_index, .inhalt_klause, .inhalt_bonus, .inhalt_veranstaltung, .inhalt_planer, .inhalt_ausflug, 
 .inhalt_anreise, .inhalt_gast,  .inhalt_impressum, .inhalt_partner {
  width:840px;
  margin:30px 0 0 0;
  padding:0 30px 30px 30px;
  background:#fff;
 }
  
 .inhalt_neues p, .inhalt_index p, .inhalt_klause p, .inhalt_bonus p, .inhalt_veranstaltung p, .inhalt_planer p, 
 .inhalt_ausflug p, .inhalt_anreise p, .inhalt_gast p, .inhalt_impressum p {
  margin:20px 0;
  padding:0 50px 20px 50px;
 }
 
 .inhalt_neues p a, .inhalt_neues p a:active, .inhalt_neues p a:visited, .inhalt_index p a, .inhalt_index p a:active, .inhalt_index p a:visited, 
 .inhalt_klause li a, .inhalt_klause li a:active, .inhalt_klause li a:visited, .inhalt_ausflug p a, .inhalt_ausflug p a:active, .inhalt_ausflug p a:visited, 
 .inhalt_ausflug li a, .inhalt_ausflug li a:active, .inhalt_ausflug li a:visited, .inhalt_ausflug div a, .inhalt_ausflug div a:active, .inhalt_ausflug div a:visited, 
 .inhalt_galerie .hoch a, .inhalt_galerie .hoch a:active, .inhalt_galerie .hoch a:visited, 
 .inhalt_veranstaltung table a, .inhalt_veranstaltung table a:active, .inhalt_veranstaltung table a:visited, 
 .inhalt_impressum p a, .inhalt_impressum p a:active, .inhalt_impressum p a:visited {
  font-weight:bold;
  font-size:0.88em;
  color:#600;
  text-decoration:underline;
 }
  
 .inhalt_neues p a:hover, .inhalt_index p a:hover, .inhalt_klause li a:hover, .inhalt_ausflug p a:hover, 
 .inhalt_ausflug p a:hover, .inhalt_ausflug li a:hover, .inhalt_ausflug div a:hover, .inhalt_galerie .hoch a:hover, 
 .inhalt_veranstaltung table a:hover, .inhalt_impressum p a:hover {
  color:#f60;
 }
 
 .hoch {
  width:100px;
  height:20px;
  margin:20px 0 20px 680px;
  padding:0;
  text-align:center;
 }
 
 .inhalt_veranstaltung table a, .inhalt_veranstaltung table a:active, .inhalt_veranstaltung table a:visited {
  color:#fff;
 }
 
 .img {
  margin:20px 0 20px 45px;
  padding:0;
 }
 
 /*
* jQuery Nivo Slider v2.0
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/

 #slider_planer {
  width:740px;
  height:120px;
  margin:40px 0 40px 50px;
  background:url(../bilder/laden.gif) no-repeat 50% 50% #fff ;
  -moz-box-shadow:0px 0px 10px #600;
  -webkit-box-shadow:0px 0px 10px #600;
  box-shadow:0px 0px 10px #600;
 }
 
 #slider_index {
  width:760px;
  height:207px;
  margin:40px 0 40px 40px;
  background:url(../bilder/laden.gif) no-repeat 50% 50% #fff ;
 }
 
 #slider_planer img, #slider_index img {
  position:absolute;
  top:0px;
  left:0px;
  display:none;
  }
  
  #slider_planer a, #slider_index a {
   border:0;
   display:block;
  }
  
  /* The Nivo Slider styles */
  .nivoSlider {
   position:relative;
  }
 
 .nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
 }
 
 /* The slices in the Slider */
 .nivo-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:100%;
 }
 
/*
 * If an image is wrapped in a link:
 
 .nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:60;
  display:none;
 }
 
 * Caption styles *
 .nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; * Overridden by captionOpacity setting *
  width:100%;
  z-index:89;
 }
 
 .nivo-caption p {
  padding:5px;
  margin:0;
 }
 
 * Direction nav styles (e.g. Next & Prev) *
 .nivo-directionNav a {
  position:absolute;
  top:45%;
  z-index:99;
  cursor:pointer;
 }
 
 .nivo-prevNav {
  left:0px;
  }
  
  .nivo-nextNav {
   right:0px;
  }
  
  * Control nav styles (e.g. 1,2,3...) *
  .nivo-controlNav a {
   position:relative;
   z-index:99;
   cursor:pointer;
  }
  
  .nivo-controlNav a.active {
   font-weight:bold;
  }
  
 */
 
  
/* ===== N A V I G A T I O N ===== */

 .orange_navi {
  height:30px;
  margin:-10px 0 0 0;
  padding:10px 0 0 0;
  color:#f60;
  font-style:italic;
  text-transform:lowercase;
  cursor:default;
 } 
 
 /*
 ul#topnav {
  clear:both;
  float:left;
  width:822px;
  margin:0 0 0 -24px; 
  padding:0 0 0 127px;
  list-style:none;	
  font-size:1.1em;
  background:url(../hintergrund/navi_b_bg.gif) repeat-x #fff;
 }
 */
 
 ul#topnav {
  clear:both;
  float:left;
  width:810px;
  margin:0 0 0 -24px; 
  padding:0 0 0 140px;
  list-style:none;	
  font-size:1.1em;
  background:url(../hintergrund/navi_b_bg.gif) repeat-x #fff;
 }
  
 ul#topnav li {
  float:left; 
  height:31px;
  margin:0; 
  padding:0;
  overflow:hidden;
 }
  
 ul#topnav a, ul#topnav span {
  clear:both;
  float:left;
  height:10px;
  line-height:10px;
  padding:10px 8px;
  text-decoration:none; 
  text-transform:uppercase;
  letter-spacing:-1px;
  color:#fff;
  background:#f60;
 }
 
 /*
  ul#topnav a, ul#topnav span {
  clear:both;
  float:left;
  height:10px;
  line-height:10px;
  padding:10px 6px;
  text-decoration:none; 
  text-transform:uppercase;
  letter-spacing:-1px;
  color:#fff;
  background:#f60;
 }
 */
  
 ul#topnav a {
  font-family:verdana, "vera sans", "comic sans ms", sans-serif, arial, times;
  font-size:0.9em;
  color:#fff;
 }
  
 ul#topnav span {
  display: none;
 }
  
 ul#topnav.v2 span {
  font-family:verdana, "vera sans", "comic sans ms", sans-serif, arial, times;
  font-size:0.9em;
  color:#600;
  background:url(../hintergrund/navi_a_bg.gif) repeat-x left bottom;
 }
 
 
/* ===== N E U E S ===== */

 .inhalt_neues {
  margin:335px 0 0 0;
  background:url(../hintergrund/bg_neues.jpg) no-repeat center #fff;
 }
 
 .inhalt_neues p {
  margin:60px 0 20px 0;
  text-align:center;
 }
 
 .inhalt_neues ul {
  margin:0 0 0 150px;
 }
 
  
/* ===== I N D E X ===== */
  
 .neues {
  position:absolute;
  top:430px;
  left:50px;
  width:160px;
  height:100px;
 }
  
 .inhalt_index .p_erster {
  width:600px;
  margin:0 0 0 200px;
  padding:20px 20px 10px 20px;
 }
 
 .inhalt_index ul {
  margin:20px 0 30px 100px;
  padding:0;
 }
  
 .inhalt_index li {
  text-indent:10px;
 }
 
 .index_liste {
  position:relative;
  width:700px;
  margin:0 0 0 80px;
  padding:0;
  background:url(../bilder/index_03.jpg) 10px left no-repeat #fff;
 }


/* ===== K L A U S E ===== */

 .iframe_li, .iframe_re {
  float:left;
  width:544px;
  height:214px;
  margin:0 0 0 40px;
  padding:5px 5px 5px 0;
  text-align:center;
  background:url(../hintergrund/bg_film.png) no-repeat;
 }
  
 .iframe_re {
  float:right;
  margin:0 40px 0 0;
 }
  
 .iframe_erkl {
  clear:both;
  width:190px;
  margin:0;
  padding:0;
  text-align:center;
  font-size:0.75em;
 }
  
 .iframe_erkl_re {
  padding:0 0 20px 280px;
 }
  
 .panorama_text_li, .panorama_text_re {
  float:left;
  width:190px;
  margin:0;
  padding:80px 0 0 10px;
 }
  
 .panorama_text_re {
  padding:80px 0 0 40px;
 }
  
 .inhalt_klause ul {
  margin:30px 0 20px 160px;
  padding:0;
  text-indent:10px;
 }
 
 
/* ===== B O NU S ===== */
 
 .inhalt_bonus p {
  padding:0 50px 40px 50px;
 }
 .inhalt_bonus img {
  margin:0 0 0 30px;
 }
  
/* ===== V E R A N S T A L T U N G E N ===== */

 .inhalt_veranstaltung a img {
  margin:20px 0 40px 130px;
 }
  
 .inhalt_veranstaltung img {
  margin:30px 0 50px 40px;
 }
  
 .inhalt_veranstaltung table {
  width:720px;
  margin:0 0 0 60px;
  padding:0;
  border:1px solid #f60;
  border-collapse:collapse;
 }
  
 .table_d, .table_v, .table_p, .table_i {
  padding:5px;
  text-align:center;
  border:1px solid #f60;
 }
  
 .table_d {
  width:130px;
 }
  
 .table_p {
  width:100px;
 }
  
 .table_m {
  padding:5px;
  text-align:center;
  color:#fff;
  background:#600;
  border:solid #f60;
  border-width:1px 0 1px 0;
 }
  
 .table_i {
  padding:10px 5px;
  text-align:left;
  vertical-align:top;
 }
  
 .table_i_d {
  padding:10px 5px;
  text-align:center;
  vertical-align:top;
  border:1px solid #f60;
 }
  
 .table_i_p {
  padding:10px 5px;
  text-align:center;
  vertical-align:top;
  border:1px solid #f60;
 }
 

/* ===== T E R M I N P L A N E R ===== */
 
 
/* ===== A U S F L Ü G E ===== */

 .inhalt_ausflug p {
  padding:0 50px 0 50px;
 }
 
 .inhalt_ausflug ul {
  margin:0 0 0 30px;
 } 
 
 
/* ===== A N R E I S E ===== */
 
 .inhalt_anreise p {
  padding:0 50px 0 50px;
 }
 
 .inhalt_anreise img {
  margin:10px 0 10px 40px;
  padding:0;
 }
 
 
/* ===== G Ä S T E B U C H ===== */
 
 /* ===== allgemein ===== */
 #gb_content {
  width:750px;
  margin:0 0 0 20px;
  padding:0;
 }
 
 #gb_content table {
  width:760px;
  margin:0 0 0 20px;
  padding:20px;
  background:#fff;
  border-collapse:collapse;
 }

 #formular {
  float:left;
  width:660px;
  margin:0 0 0 -30px;
  padding:20px 120px;
  background:#fff;
 }
 
 #formular_blind {
  width:660px;
  margin:0 0 30px 0;
  padding:0;
  float:left;
 }
 
 #formular_blind table {
  width:660px;
  margin:10px 0 0 0;
  padding:20px;
  background:#fff;
  border:1px solid #f60;
 }
 
 #gast {
  width:760px;
  margin:0;
  padding:0;
 }
 
 .stil1 {
  color:#fff;
 }
 
 .stil2 {
  color:#f60;
 }
 
 .stil3 {
  color:#600;
 }
 
 a, a:link, a:active, a:visited {
  color:#f60;
  text-decoration:underline;
 }
 
 /* credit link */
 .credit a, .credit a:link, .credit a:active, .credit a:visited {
  color:#f60;
  text-decoration:underline;
 }
 
 /* Textareas für Eingaben neuer Eintrag, Bewerung (Schulnote), Admin-LogIn */ 
 input, textarea, .bewertung_style, .input_login_name, .input_login_pass {
  width:380px;
  margin:0 0 2px 0;
  padding:2px;
  color:#600;
  font-size:0.95em; 
  background:#fff ;
  -moz-box-shadow:0px 0px 5px #600;
  -webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 8px;
  box-shadow:0px 0px 10px #600;
  outline:0;
  border:1px solid #600;
  cursor:pointer;
 }
 
 .bewertung_style {
  width:50px;
 }
 
 .input_login_name, .input_login_pass {
  width:145px;
  margin:0 0 0 10px;
 }
 
 input:hover, textarea:hover, input:focus, textarea:focus, .bewertung_style:hover, .input_login_name:hover, .input_login_pass:hover {
  color:#600;
  border-color:#f60; 
  -webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 8px;
 }
 
 .fenster a, .fenster a:link, .fenster a:active, .fenster a:visited {
  color:#600;
 }
 
 .fenster a:hover {
  color:#f60;
 }

 /* ===== Gästebuch Anzeige ===== */
 /* Gästebuch hat ... Beiträge ... , Hintergrund für BackUp-Zeile (status_1) */
 .status, .status_1 {
  margin:0;
  padding:5px 0px 5px 10px;
  color:#fff;
  background:#600;
  border:solid #600;
  border-width:1px;
 }
 
 .status_1 {
  background:#f60;
  border:solid #f60;
  border-width:1px;
 }
  
  
 /* Zelle für Button neuer Eintrag (Ausrichtung) und für BackUp  (neuer_eintrag_1) */
 .neuer_eintrag, .neuer_eintrag_1 {
  width:120px;
  margin:0;
  padding:2px 5px 0 0;
  text-align:center;
  background:#600;
  border:solid #600;
  border-width:1px;
 }
 
 .neuer_eintrag_1 {
  background:#f60;
  border:solid #f60;
  border-width:1px 1px 1px 0;
 }
 
 /* Button neuer Eintrag (Ausrichtung), Button Admin-LogIn, Button BackUp  */  
 .button, .button_login_admin, .button_backup {
  width:120px;
  height:26px;
  line-height:20px;
  text-decoration:underline;
  color:#f60;
  background:#fff ;
  -moz-box-shadow:0px 0px 5px #600;
  -webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 8px;
  box-shadow:0px 0px 10px #600;
  outline:0;
  border:1px solid #600;
  cursor:pointer;
 }

 .button_login_admin {
  margin:10px 0 10px 62px;
 }
 
 .button a:hover, .button_login_admin a:hover {
  color:#600;
  border-color:#f60; 
  -webkit-box-shadow:rgba(0, 0, 0, 0.35) 0px 0px 8px;
 }
  
 /*  Seite ... l ... l admin */
 .seiten_navi {
  margin:0;
  padding:10px 0px 10px 10px;
  color:#600;
  background:#fff;
  border:1px solid #600;
 }
 
 .seiten_navi a, .seiten_navi a, .seiten_navi a:link, .seiten_navi a:active, .seiten_navi a:visited {
  color:#f60;
  text-decoration:underline;
  font-weight:normal;
  font-size:0.95em;
 }
  
 /* Von: (user) ... Am: (datum) ... Eintrag (eintrag) ... Inhalt des Eintrages */
 .user, .datum, .eintrag {
  margin:0;
  padding:5px 0 5px 0;
  text-align:left;
  color:#fff;
  background:#600;
  border:solid #600;
  border-width:1px;
  border-right:1px solid #fff;
 }
  
 .user {
  margin:0;
  padding:0 0 0 10px;
 }

 .datum {
  margin:0;
  padding:0 0 0 10px;
 }
 
 .eintrag {
  text-indent:10px;
  border:solid #600;
  border-width:1px;
 }
  
 .textinhalt {
  margin:0;
  padding:10px;
  color:#600;
  border:1px solid #600;
 }
  
 /*  untere zeile der gb einträge */
 .ort {
  margin:0;
  padding:10px;
  background-color:#fff;
  border:solid #600;
  border-width:1px 0 1px 1px;
 }
  
 .bewertung {
  margin:0;
  padding:10px;
  background-color:#fff;
  border:solid #600;
  border-width:1px 1px 1px 1px;
 }
 
 .button_admin {
  margin:0;
  padding:5px 10px 5px 10px;
  text-align:center;
  background-color:#fff;
  border:solid #600;
  border-width:1px 1px 1px 0;
 }
 
 /*  Gästebuch-Optionen - untere zeile der gb einträge für ausrichtung der admin buttons*/
 .options {
  margin:0;
  padding:5px 0px 5px 10px;
  color:#fff;
  background:#f60;
  border:solid #600;
  border-width:1px 0 1px 1px;
 }
 
 .backup {
  margin:0;
  padding:0;
  text-align:right;
  background:#f60;
  border:solid #600;
  border-width:1px 1px 1px 0;
 }
 
 #admin_login {
  width:260px;
  margin:0 0 0 270px;
  padding:30px 0 0 0;
 }
 
 #admin_login table {
  width:260px;
  margin:0;
  padding:0;
  border:1px solid #600;
  border-collapse:collapse;
 }
 
 #admin_login th {
  height:50px;
  margin:0;
  padding:0;
  text-align:center;
  text-decoration:underline;
 }
 
 #admin_login tr {
  height:30px;
 }
 
 #admin_login p {
  width:180px;
  text-align:center;
 }
 
 .login_name, .login_pass {
  margin:0;
  padding:0 0 0 22px;
 }
 
 
/* ===== G A L E R I E ===== */
 
 .inhalt_galerie {
  width:840px;
  margin:30px 0 0 0;
  padding:0 30px 30px 30px;
  background:#fff;
 }
 
 .inhalt_galerie h2 {
  margin:0 0 40px 0;
 }
 
 .inhalt_galerie h3 {
  width:300px;
  padding:0 40px;
  font-size:1.1em;
  text-align:right;
 }
  
 .inhalt_galerie p {
  width:290px;
  margin:20px 0;
  padding:0 0 20px 50px;
  text-align:right;
 }
 
 .galerie_text {
  width:740px;
  margin:0 0 0 45px;
  padding:5px;
  background:url(../hintergrund/bg_galerie_text.png) top right no-repeat #fffff0;
  -webkit-box-shadow:5px 5px 10px #ccc;
  -moz-box-shadow:5px 5px 10px #ccc;
  box-shadow:5px 5px 10px #ccc;
  -webkit-border-radius:20px;
  -moz-border-radius:20px;
  border-radius:20px;
  border:1px solid #f60;
 }
 
 .vorschau {
  position: relative;
  width:750px;
  margin:0;
  padding:0;
  text-align:center;
 }
 
 .vorschau_bild img, .vorschau_bild:hover img {
  padding:1px;
  border:1px solid #f60;
 }
 
 .vorschau_bild span {		/*CSS für vergrössertes Bild*/
  position:absolute;
  left:-3000px;
  margin:0;
  padding:0;
  visibility:hidden;
 }
 
 .vorschau_bild span img {		/*CSS für vergrössertes Bild*/
  border:1px solid white;
  padding:1px;
 }
 
 .vorschau_bild:hover span  {		/*CSS für vergrössertes Bild*/
  visibility:visible;
  top:-255px;		/*Position für vergrössertes Bid offset vertikal */
  left:390px;		/*Position für vergrössertes Bid offset horizontal */
  z-index:10;
 }
 
 
 /* ===== P A A R E  -  G A L E R I E ===== */
 
.gp {
 width:760px;
 margin:0 0 80px 40px;
 padding:0;
 text-align:center;
 /*
 -webkit-box-shadow:5px 5px 10px #ccc;
 -moz-box-shadow:5px 5px 10px #ccc;
 box-shadow:5px 5px 10px #ccc;
 -webkit-border-radius:20px;
 -moz-border-radius:20px;
 border-radius:20px;
 background:transparent;
 border:1px solid #f60;
 */
}

.gp img {
 border:1px solid #600;
  -webkit-box-shadow:5px 5px 5px #ccc;
 -moz-box-shadow:5px 5px 5px #ccc;
 box-shadow:5px 5px 5px #ccc;
 }
 
 
/* ===== I M P R E S S U M ===== */

 .inhalt_impressum p {
  text-align:center;
 }
 
 
/* ===== P A R T N E R ===== */
  
 .inhalt_partner table {
  width:840px;
  margin:20px 0;
  padding:30px 30px;
  background:#fff;
  border-collapse:collapse;
 }
 
 
/* ===== F U S S ===== */
  
 .aktuell {
  float:left;
  width:180px;
  height:40px;
  margin:0 0 0 5px;
  padding:30px 0 0 0;
  font-size:0.9em;
  color:#600;
 }
  
 .fuss_nav {
  float:right;
  width:195px;
  height:55px;
  margin:0 5px 0 0;
  padding:15px 0 0 0;
 }
 
 .fuss_nav ul {
  list-style:none;	
 }
  
 .fuss_nav li {
  float:left; 
  margin:0; 
  padding:0 0 0 10px;
 }
  
 .fuss_nav li a, .fuss_nav li a:active, .fuss_nav li a:visited {
  color:#600;
 }
  
 .fuss_nav li a:hover {
  color:#fff;
 }