

/* 
Autor:
Karl Lederle 
Haus Sonnenschein
Sonnenweg 41a
6414 Mieming */

/* Quelle für Kommentare: ChatGPT (wenn nichts anderes erwähnt) */

@charset "utf-8"; 



/* Fonts 
nachfolgend wird die Schriftart "CataneoBT" definiert, damit man sie im CSS-Code verwenden kann - Dieser Code setzt die CataneoBT-Schriftart für den gesamten Body-Text der Webseite. 
Falls die Schriftart aus irgendeinem Grund nicht geladen werden kann, wird die sans-serif-Schriftart als Fallback verwendet.
--------------------------------------------- */

@font-face {      /* der angegebene CSS-Code definiert eine benutzerdefinierte Schriftart mittels der @font-face Regel. Diese Regel erlaubt es, eigene Schriftarten in Ihre Webseite einzubinden */
         font-family: 'CataneoBT';                                             /* hier wird der Name der Schriftart festgelegt. Dieser Name wird verwendet um die Schriftart in unserem CSS anzusprechen */
         src: url('/fonts/tt0952m.eot');                                       /* diese eot-Datei ist hauptsächlich für Internet Explorer gedacht */ 
         src: url('/fonts/tt0952m.eot?#iefix') format('embedded-opentype'),    /* Diese zweite src-Eigenschaft wird für einen Internet Explorer Fix genutzt. Das format('embedded-opentype') gibt den Typ der Schriftart an. */
              url('/fonts/tt0952m.woff') format('woff'),                       /* verweist auf die .woff-Datei, ein weit verbreitetes Format für moderne Browser. */
			     url('/fonts/tt0952m.ttf') format('truetype'),                    /* gibt die URL zur .ttf-Datei an, ein häufig genutztes Format, das von vielen Browsern unterstützt wird. */
              url('/fonts/tt0952m.svg#tt0952m') format('svg');						 /* gibt die URL zur .svg-Datei an, die von älteren iOS-Browsern verwendet wird.	*/
         font-weight: normal;																	 /* Setzt die Dicke der Schriftart auf normal */
         font-style: normal;																	 /*  Setzt den Stil der Schriftart auf normal (also nicht kursiv oder oblique=schräg) */
}



/* Reset
--------------------------------------------- */
/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl {                           /* Selektoren für ungeordnete Listen (<ul>), geordnete Liste (<ol>) und Definitionslisten (<dl>). Der Code wird somit auf alle drei Arten von Listen angewendet. */                 
	padding: 0;									/* setzt die innere Auffüllung (padding) der Listen auf 0. Standardmäßig haben die Listen in HTML oft eine Einrückung (padding) auf der linken Seite, die hiermit entfernt wird. */					
	margin: 0;									/* setzt den äußeren Abstand (margin) der Listen auf 0. Dies entfernt jeglichen Standardabstand, der um die Listen herum vorhanden sein könnte. */
}

ul {												/* dieser Selektor bezieht sich auf alle ungeordneten Listen <ul> */
	color: #790e11;					/* Setzt die Textfarbe des Inhalts in den ungeordneten Listen (<ul>) auf die Farbe mit dem Hexadezimalwert #790e11, was ein dunkles Rot darstellt. */
											/* Der Code bewirkt, dass der gesamte Text innerhalb der ul-Elemente die angegebene Farbe erhält. */
	}

/* grundlegende Definition der Überschriften h1 - h6 - Kommentar Karl Lederle: ich wüsste nicht wo diese eingesetzt werden, siehe - unabhängig von einem tag definierte Klassen ??*/
	
h1, h2, h3, h4, h5, h6   {		     						/* dieser Sektor bezieht sich auf alle Überschriften von <h1> bis <h6>, um eine einheitliche Formatierung für alle Überschriftenebenen festzulegen */
	margin-top: 0px;	            						/* Entfernt den oberen Rand (Margin) der Überschriften, um sicherzustellen, dass es keinen zusätzlichen Abstand über den Überschriften gibt. */
	padding-right: 14px;										/* Fügt 14 Pixel rechten Innenabstand (Padding) zu den Überschriften hinzu, was einen zusätzlichen Abstand auf der rechten Seite des Textes schafft. */
	padding-left: 7px;										/* Fügt 7 Pixel linken Innenabstand (Padding) zu den Überschriften hinzu, was einen zusätzlichen Abstand auf der linken Seite des Textes schafft. */
	color: #790e11;											/*	Setzt die Textfarbe der Überschriften auf ein dunkles Rot mit dem Hexadezimalwert #790e11 */
	font-family: 'CataneoBT', 'Verdana', 'Geneva', 'Arial', sans-serif; /* Setzt die Textfarbe der Überschriften auf ein dunkles Rot mit dem Hexadezimalwert #790e11 */
	text-align: left;											/*	Richtet den Text der Überschriften linksbündig aus. */
	font-weight: bold;										/* Setzt die Schriftstärke der Überschriften auf fett, um sie hervorzuheben und deutlicher erkennbar zu machen.*/
}
/*grundlegende Definition des Styles für einen Absatz */
p  {																/* Dieser Selektor bezieht sich auf alle Absatz-Elemente (<p>) in Ihrem HTML-Dokument und wendet die festgelegten Stile darauf an. */
   margin-top: 0px;											/* Entfernt den oberen Rand (Margin) bei den Absätzen. Dies stellt sicher, dass es keinen zusätzlichen Abstand oberhalb der Absätze gibt, was das Layout kompakter macht. */
   padding-right: 14px;										/* Fügt 14 Pixel Innenabstand (Padding) auf der rechten Seite der Absätze hinzu, was für zusätzlichen Abstand zwischen dem Text und dem rechten Rand sorgt. */
	padding-left: 12px;										/* Fügt 12 Pixel Innenabstand (Padding) auf der linken Seite der Absätze hinzu, wodurch der Text etwas weiter vom linken Rand entfernt wird.	*/								
	color: #3F1F1F;											/* Setzt die Textfarbe der Absätze auf ein dunkles Braun. Der Hexadezimalwert #3F1F1F entspricht dieser spezifischen Farbe */
	font-family: 'Verdana', 'Geneva', sans-serif;			/* Legt die Schriftart für die Absätze fest. Zuerst wird versucht, die Schriftart "Verdana" zu verwenden. Wenn diese nicht verfügbar ist, werden die Alternativen "Geneva" und dann eine generische sans-serif-Schriftart verwendet. */
	text-align: left;											/* Richtet den Text innerhalb der Absätze linksbündig aus. Das bedeutet, dass der Text gleichmäßig am linken Rand ausgerichtet ist, während der rechte Rand variieren kann. */	
	
}


		
a img { 															/* Dieser Selektor bezieht sich auf Bilder (<img>), die sich innerhalb eines Link-Tags (<a>) befinden. Das bedeutet, dass die Regel nur auf Bilder angewendet wird, die Teil eines Hyperlinks sind. */
	border: none;												/* Entfernt alle Rahmen um Bilder, die innerhalb von Links (<a>) eingebettet sind -  eventuell neue Zeile:  Setzt die Positionierung des Bildes auf "relative" */	
	/* position: relative; */
	left: 340px;												/* Setzt die Position des Bildes 340 Pixel von der linken Seite entfernt */	
}



/* GENERAL STRUCTURE
--------------------------------------------- */
body {
	position: relative;
	padding: 0px;
	margin: 0px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 13px;
	background-position: center top;
	line-height: 25px;
	font-variant: normal;
}

/* Container mit fester Breite umschließt alle anderen div-Tags */
/* gesamte  Containergröße */
.container {
	width: 960px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #ffe7ce;
	font-family: 'Verdana', 'Geneva', sans-serif;
}

.header {
	height: 427px;
}

.sidebar1 {
	float: left;
	width: 206px;
	padding-bottom: 10px;
	background-color: #FFE7CE;
	padding-top: 45px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	overflow: visible
}

.sidebar2 {
	float: left;
	width: 180px;
	background-color: #FFe7cE;
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 5mm;
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 18px;
}

.content {
	width: 559px;
	float: left;
	font-size: 14px;
	padding-top: 70px;
	padding-right: 5px;
	padding-bottom: 20px;
	padding-left: 0px;
	background-color: #ffe7ce;
	font-family: 'Verdana', 'Geneva', sans-serif;
}

.footer {
	position: relative;/* Hiermit erhält IE6 die Eigenschaft hasLayout, damit die clear-Anweisung korrekt ausgeführt wird. */
	clear: left; /* Diese clear-Eigenschaft bewirkt, dass .container das Ende der fließenden Spalten erkennt und ihren Inhalt aufnimmt. */
	font-size: 12px;
	background-color: #FFA579;
	color: #790e11;
	height: 25px;
	line-height: 2.0;	
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0px;
	text-align: center;
}


/* Container */

.container .header h1 {
	text-indent: -1000px;
	background-color: #FFF;
	padding: 0px;
}


/* SIDEBAR1 */

.sidebar1 h1 {
   margin-top: 0px;   
   margin-bottom: 0px;
   font-size: 17px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
}

.sidebar1 h2 {
	font-size: 16px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
}

.sidebar1 h3 {
   margin-top: 0px;   
   margin-bottom: 0px;   
   font-size: 14px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
}

.sidebar1_text {
 font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #462300;
	line-height: 1.5;
	font-weight: normal;

}

.Aufzaehlung {
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 13px;
	color: #462300;
	font-weight: bold;
	padding-left: 0px;
	
} 

/* Telefonnummer und e-mail */
.TextSidebar1 {
	font-size: 12;
}


/* CONTENT = Hauptinhalt*/

.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/*Absätze mit Tag p - im content */
.content p  {
padding-left: 7px;
}  


/*Überschriften im Content/Hauptinhalt*/
.content h1 {
     font-family: 'CataneoBT', 'Courgette', cursive;
     color: #790e11;
	  font-size: 25px;
	  font-weight: normal;
     /* text-shadow: 4px 4px 4px #aaa; */
}

/*Überschrift im Content h2 - Arial rot*/
.content h2 {
   font-size: 17px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
	margin-top: 1.3em;
   margin-bottom: 0.7em;

}

/*Verdana schwarz - anreise.html*/
.content h3 {
   font-family: 'CataneoBT', 'Courgette', cursive;
   color: #790e11;
   font-size: 17px;
   font-weight: bold;
   margin-top: 1.5em;
   margin-bottom: 0.2em;
}

/*Startseite, Datenschutzerklärung, energetikerin */
.content h4 {
	font-size: 15px;
	font-weight: bold;
	color: #790e11;
	font-family: 'CataneoBT', 'Courgette', cursive;
	margin-bottom: 0.1em;
	}
	
/* rote Schrift unter den Bildern mit Bibelsprüchen auf den Seiten: Startseite, mein Weg, wie arbeite ich, heilungsunterstützung, wem kann ich helfen, wobei kann ich helfen, jin shin jyutsu, Naturprodukte, Kontakt */	
.content h5 {
    font-size: 14px;
	 font-weight: bold;
	 font-family: 'CataneoBT', 'Courgette', cursive;
	 line-height: 1.5;	    
    color: #790e11;
	 padding-left: 7px;
  	 margin-top: 1.5em;
	 margin-bottom: 0.8em;
}


/*
.content h5 {
	font-size: 14px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Verdana'; 'Geneva'; sans-serif;
	margin-bottom: 0.1em;
}
*/


 
 



.content h6 {
	font-size: 14px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
	margin-top: 1.3em;
   margin-bottom: 0.7em;
}

/* SIDEBAR 2 */
.Aufzaehlung_rechts {
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 13px;
	color: #462300;
	font-weight: bold;
	padding-left: 13px;
	}


.sidebar2 h4 {
     font-size: 14px;
     font-weight: bold;
	 color: #790e11;
	 font-family: 'Verdana', 'Geneva', sans-serif;
     text-align: center;

}

.h1 {
   font-size: 17px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
}
/*Aktivwinter*/
.h2 {
    font-size: 14px;
	font-weight: bold;
	color: #790e11;
	font-family: 'Arial', 'Verdana', 'Geneva', sans-serif;
}

.h3 {
     font-size: 14px;
     font-weight: bold;
	 color: #790e11;
	 font-family: 'Verdana', 'Geneva', sans-serif;
     margin-top: 1.5em;
     margin-bottom: 0.8em;
}
/* mit <span=class"h4"> Impressum*/
.h4 {
     font-size: 12px;
     font-weight: bold;
	 color: #790e11;
	 font-family: 'Verdana', 'Geneva', sans-serif;
     margin-top: 1.5em;
     margin-bottom: 0.8em;
}

 
/*Courgette Anmerkung -*/
.h6 {
    font-size: 16px;
	font-family: 'CataneoBT'; 'Courgette', cursive;
	color: #790e11;
	margin-right: 10px;
	padding-left: 7px;
	margin-bottom: 12px;
 }

/* Courgette nicht verwendet - frühere Überschrift im Hauptinhalt */
.h7 {
	font-size: 22px;
	font-family: 'Courgette', cursive;
	color: #790e11;
	margin-right: 10px;
	padding-left: 7px;
	margin-bottom: 12px;
 }

/* auf Seite Naturprodukte */
.h8 {
	font-size: 10px;back
	color: #462300;
   font-weight: normal;	
	margin-right: 10px;
	padding-left: 7px;
	margin-bottom: 12px;
 }







/* auf Erfahrungsberichte - Farbe grau - */


.h10 {
	font-size: 11px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #462300;
	line-height: 1.5;
	font-weight: bold;
	margin-right: 10px;
	padding-left: 7px;

}

 p.h4 {
padding-left: 7px;
 }
 
 
/* nicht verwendet */
p.Courgette {
	margin-bottom: 1.0em;
 }	

/* Überschrift nicht verwendet */
.Lobster {
	font-family: 'Lobster', cursive;
	 font-size: 20px;
}	

/* Rand 7px - wird unter anderem im Hauptinhalt verwendet */
.Text {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #462300;
	line-height: 1.5;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 7px;
}
/* Öffnungszeiten  */
.Text_eingerueckt {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #462300;
	line-height: 1.5;
	font-weight: normal;
	margin-right: 10px;
	margin-left: 20px;
}
/* Erfahrungsberichte Klienten - erste Zeile (nach Sonne)*/
.Text_eingerueckt_fett {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #000000;
	line-height: 0.5;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 2px;
}
/* Erfahrungsberichte Klienten - zweite Zeile*/
.Text_eingerueckt_fett2 {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #000000;
	line-height: 0.5;
	font-weight: bold;
	margin-right: 10px;
	margin-left: 23px;
}

/* ohne Rand - nicht verwendet - Text im Hauptinhalt ohne linkem Rand */
.Text1 {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #462300;
	line-height: 1.5;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 0px;
}	
/* nicht verwendet*/
.Text2 {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: #462300;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 7px;
	padding-bottom: 0px;
	margin-top: 0;
	margin-bottom: 0;
}



/* Text fett im Hauptinhalt*/
b {
  font-weight: bold;
  font-family: 'Verdana', 'Geneva', sans-serif; 
  font-size: 12px; 
  color: black;
  line-height: 1.5;
}
/* sidebar1 und Sidebar2 Anfrage*/
.Text_hervorgehoben {
	font-weight: bold;
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 12px;
	color: black;
	line-height: 1.5;
}



.einruecken_mittig {
	width: 16px;
	margin-top: 0px;
	margin-right: auto;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-left: 15px;
	background-color: #ffe7ce;
	font-family: 'Verdana', 'Geneva', sans-serif;
}

.menue_hyperlinks {
	font-size: medium;
}

/* fett - Sidebar1 Sidebar2 und Content */
.hervorgehoben {
	font-weight: bold;
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 13px;
	color: #3F1F1F;
}


table{
padding-left: 7px;
padding-bottom: 30px;
}


/*später zu löschen: */
/* h2 {
	color: #3F1F1F;
	font-size: 13px;
}



/* margin: 10px 20px 10px 20px; */

/* Bild im Hauptinhalt in einem p-Tag einrücken für Bilder verwendet */
p.bild {
padding-left: 7px;
margin-bottom: 40px;
}

.bild_mitte {
    display: table-cell;
    vertical-align: middle;
}

/* Link hundefutter.html, apartments_preise.html */
.Link {
	font-size: 12px;
	font-weight: bold;
	color: #790e11;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: underline;
}

/* Tabelle im Hauptinhalt einrücken*/
.tabelle_einruecken {
    background: none repeat scroll 0 0 #F7DEAF;
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: black;
	line-height: 1.5;
	font-weight: normal;
	margin-left: 7px;
}


/* umschließendes div in der Datei "naturprodukte.html" - 2 Bilder nebeneinander* - Vorschlag von Chat-GPT */
.image-wrapper {
    display: flex; 
    flex-wrap: wrap;
    gap: 20px; 									/* Abstand zwischen den Bildcontainern */
    justify-content: space-between; 		/* Bilder gleichmäßig verteilen */
}


.image {
    flex-basis: calc(50% - 10px); /* Die Hälfte des verfügbaren Platzes minus dem Abstand */
    position: relative; /* Position für Überschrift */
}
.image img {             
    max-width: 100%; /* Bildbreite auf 100% des Bildcontainers setzen */
    height: auto; /* Automatische Höhe, um das Seitenverhältnis beizubehalten */
    padding: 5px;
  }  
    /* Überschrift über den Bildern */
.image h2 {
    position: relative;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding: 10px;
    
    /* background-color: rgba(255, 255, 255, 0.7);*/ /* Hintergrundfarbe für Überschrift - wurde auf Wunsch von Birgit deaktiviert */
}


/* ehemalig verwendet - danach aufgrund des von ChatGPT vorgeschlagenen codes - umgebaut siehe oben */ 
.galerie {
   width: 559px;
	margin: 0 auto;
	height: 1270px;
	text-align: center;
 }

.galerie_aromatherapie_ueberschrift {
	position: absolute;
	text-align: center;
	top: 1400px; 
	margin-left: 20px;
	width: 250px;
	border: 0px solid #804000;
	padding: 0px;
   
}

.galerie_aromatherapie_bild {
     position: absolute;
     top: 1440px;
     margin-left: 10px;
     width: 175px; 
     border: 0px solid #804000;
     padding: 0px;
}

.galerie_nahrungsergaenzungsmittel_ueberschrift {
     position: absolute;
     text-align: center;
     top: 1400px;
     margin-left: 290px;
     width: 250px;
     border: 0px solid #804000;
     padding: 0px;
}

.galerie_nahrungsergaenzungsmittel_bild {
     position: relative;
     margin-left: 290px;
     width: 100%;
     height: auto;
     border: 0px solid #804000;
     padding: 0px;
}

/* von Chat GPT vorgeschlagen:
/* Standard-Styling für das Bild */
.image {
    width: 100%; /* Breite des Bildes auf 100% des Elternelements setzen */
    height: auto; /* Automatische Höhe, um das Seitenverhältnis beizubehalten */
}

/* Standard-Styling für den Text */
.text {
    margin-top: 20px; /* Platzierung des Textes unter dem Bild */
}

/* Media Query für Bildschirmgrößen kleiner als 768px (typisch für Smartphones) */
@media only screen and (max-width: 768px) {
    .image {
        order: 2; /* Ändert die Reihenfolge des Bildes, um es unter den Text zu verschieben */
        margin-top: 20px; /* Platzierung des Bildes unter dem Text */
    }

    .text {
        order: 1; /* Ändert die Reihenfolge des Textes, um ihn über das Bild zu verschieben */
    }
}







/*
.galerie_ueberschrift {
   position: absolute;
   text-align: center;
   top: 728px; 
   margin-left: 20px;
   width: 525px; 
   border: 0px solid #804000; 
   padding: 0px;
   overflow: auto;
   z-index: 1;
}

.galerie_haus_bild {
  position: absolute;
  top: 761px;
  margin-left: 20px; 
  width: 175px;   border: 0px solid #804000;
  padding: 0px;	
  z-index: 2;
}


.galerie_brauchtum_sound {
    position: absolute;
    top: 1107px;
    margin-left: 220px;	
	 width: 26px;
	}





.galerie_sommerimpressionen_sound {
     position: absolute;
     top: 1107px;
     margin-left: 495px;
     width: 26px;
}




.galerie_erlebniswandern_ueberschrift {
     position: absolute;
     text-align: center;
     top: 1322px;
     margin-left: 20px;
     width: 250px;
     border: 0px solid #804000;
     padding: 0px;
}

.galerie_erlebniswandern_sound {
     position: absolute;
     top: 1322px;
     margin-left: 220px;
     width: 26px;
}

.galerie_erlebniswandern_bild {
     position: absolute;
     top: 1355px;
     margin-left: 20px;
     width: 175px; 
     border: 0px solid #804000;
     padding: 0px;
}

.galerie_radlspass_ueberschrift {
     position: absolute;
     text-align: center;
     top: 1322px;
     margin-left: 295px;
     width: 250px;
     border: 0px solid #804000;
     padding: 0px;
}

.galerie_radlspass_sound {
     position: absolute;
     top: 1322px;
     margin-left: 495px;
     width: 26px;
}

.galerie_radlspass_bild {
     position: absolute;
     top: 1355px;
     margin-left: 295px;
     width: 175px; 
     border: 0px solid #804000;
     padding: 0px;
}

.galerie_winterimpressionen_ueberschrift {
  	 position: absolute;
  	 text-align: center;
  	 top:1537px;
  	 margin-left:20px;
  	 width:250px;
  	 border:0px solid #804000;
  	 padding:0px;
}	
	
	
.galerie_winterimpressionen_sound {
     position: absolute;
     top: 1537px;
     margin-left: 225px;
     width: 26px;
}	
	
.galerie_winterimpressionen_bild {
     position: absolute;
     top:1570px;
     margin-left:20px;
     width:175px;
     border:0px solid #804000;
     padding:0px;	
}
	
.galerie_wintersport_ueberschrift {	
	  position: absolute;
	  text-align: center;
	  top:1537px;
     margin-left:295px;
     width:250px;
     border:0px solid #804000;
     padding:0px;
}

.galerie_wintersport_sound {
     position: absolute;
     top: 1537px;
     margin-left: 495px;
     width: 26px;
}	
	
.galerie_wintersport_bild {
	position: absolute;
	top: 1570px;
	margin-left: 295px;
	width: 175px;
	border: 0px solid #804000;
	padding:0px;
}	

.galerie_gaestebilder1_ueberschrift {	
   position:absolute;
   text-align: center;
   top:1752px;
   margin-left:20px;
   width:250px;
   border:0px solid #804000;
   padding:0px;
}

.galerie_gaestebilder1_sound {
     position: absolute;
     top: 1752px;
     margin-left: 225px;
     width: 26px;
}	

.galerie_gaestebilder1_bild {
   position: absolute;
   top:1785px;
   margin-left:20px;
   width:175px;
   border:0px solid #804000;
   padding:0px;
}   
  
.galerie_gaestebilder2_ueberschrift {	
   position: absolute;
   text-align: center;
   top:1752px;
   margin-left:295px;
   width:250px;
   border:0px solid #804000;
   padding:0px;
}

.galerie_gaestebilder2_sound {
     position: absolute;
     top: 1752px;
     margin-left: 495px;
     width: 26px;
}

.galerie_gaestebilder2_bild {
   position: absolute;
   top: 1785px;
   margin-left: 295px;
   width: 175px; 
   border: 0px solid #804000;
   padding: 0px;
}
*/

/* kleiner Text - anfrage.html, Gutschein Aufzählungen ganz unten*/
.anmerkung {
    font-size: 10px;
    font-family: Verdana, Geneva, sans-serif;
    color: #462300;
    line-height: 1.2em;    
    font-weight: normal;
    
    
}

/* Tabelle Text nicht fett jedoch geänderte Hintergrundfarbe - preise.html*/
.tabelle_inhalt {
	background: none repeat scroll 0 0 #F8CBAF;
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: black;
   line-height: 1.0;	
	line-height: 1.5;
	padding-left: 7px;
	}
	
/* Tabelle Text fett mit geänderter Hintergrundfarbe - preise.html*/	
.tabelle_hervorgehoben {
	font-size: 12px;
	font-family: 'Verdana', 'Geneva', sans-serif;
	color: black;
	line-height: 1.5;
	font-weight: bold;
	padding-left: 7px;
	background-attachment: scroll;
	background-color: #F8CBAF;
	background-image: none;
	background-repeat: repeat;
	background-position: 0 0;
	}

/* Tabelle Text fett - preise.html*/	
.tabelle_text_hervorgehoben {
	font-weight: bold;
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 12px;
	color: black;
	line-height: 1.5;
	padding-left: 7px;
	}
	

/* Tabelle Text fett - preise.html*/	
.tabelle_preis {
	font-weight: bold;
	font-family: 'Verdana', 'Geneva', sans-serif;
	font-size: 12px;
	color: black;
	line-height: 1.5;
	padding-left: 7px;
	text-align: left;
	}


/* HELPER */

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}




	

	
	
/* Links - Kommentare Karl Lederle 
-------------------------------------------------------------------------*/

/* Standard - bereits vorhanden */

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */

/* a:link {
	color: #42413C;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
/* 
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
} */

a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: none;
}


/* selbst erstellt */


/* unvisited link */
a {
        text-decoration: underline;
        color: #f58800;
}

a:link {
    color: #790e11; 
	text-decoration: underline;
}

/* visited link */
a:visited {
    color: #00FF00;
	text-decoration: none;
}

/* mouse over link */
a:hover {
    color: #FF00FF; 
	text-decoration: underline;
}

/* selected link */
a:active {
    color: #0000FF;
	text-decoration: underline;
}
