/* Style Datei fuer Caroline */

/* body { background-color:#FFFFFF; = weiss } 

Warum es in der css und Html Datei stehen "muss" ? ist mir noch unklar. 
Ein Hintergrundbild kann eingefügt werden: background-image: url(images/Horoskope.jpg);
Wenn es in der css Datei wie folgt eingefügt ist, bezieht es sich auf ALLE Seiten mit dieser css Datei !!!!
html, body {background-color:#FFFFFF; background-image: url(images/Horoskope.jpg); }
*/
html, body {background-color:#FFFFFF; }

/* Hintergrund der linken Spalte */
.bgleft {background-image: url(images/bg_left.jpg)}

/* Hintergrund des Hauptfenster mit Horoskopen */
.bgmain {background-image:url(images/Horoskope.jpg); background-repeat: repeat; }

/*
:link = für Verweise zu noch nicht besuchten Seiten ffffff = weiss
:visited = für Verweise zu bereits besuchten Seiten cccccc = grau
:hover = für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)
:active = für gerade angeklickte Elemente ffd500 = gelb
*/
a:link {color: #ffffff}
a:visited {color: #ffffff}
a:active {color: #ffd500}
a:hover {color: #ffd500}

div.text p a, p.text a {color:#2d50a1}
div.text p a:hover, p.text a:hover {color:#000}
div.navigation a.current {color:#ffd500;}

h2 {font-size:22px;text-transform:uppercase;line-height:150%;border-bottom:1px solid #000;}
p.klein {font-size:16px;margin: 0 0 10px 0;}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black; /* Add dots under the hoverable text */
  cursor: pointer;
}

/* Tooltip text */
.tooltiptext {
  visibility: hidden; /* Hidden by default */
  width: 250px;
  background-color: #fff;
  color: #000;
  text-align: left;
  padding: 5px;
  border: 1px solid black;
  position: absolute;
  bottom:20px;
  left:20px;

  z-index: 1; /* Ensure tooltip is displayed above content */
}

/* Show the tooltip text on hover */
.tooltip:hover .tooltiptext {
  visibility: visible;
}


/* Navigation ohne Hintergrund, Schriftgröße 16 - wird aktuell benutzt */
.navigation   {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #333300;
	FONT-SIZE: 16pt;
	text-align: center;
	margin-top: 0;
}

/* Impressum mit Schriftgröße 10 */
.impressum   {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #ffffff;
	FONT-SIZE: 10pt;
	text-align: left;
	margin-top: 0;
}



.text  {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #000000;
	FONT-SIZE: 16pt;
	line-height: 150%;
	text-align: left;
	margin-top: 0;
}

.text_kursiv {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #000000;
	FONT-SIZE: 16pt;
	FONT-STYLE:italic;
	text-align: left;
	margin-top: 0;
}

.text_fett   {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #000000;
	FONT-SIZE: 18pt;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	margin-top: 0;
}


/* Überschrift auf der VITA-Seite */
.text_gross   {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #000000;
	FONT-SIZE: 20pt;
	text-align: left;
	line-height: 150%;
	margin-top: 0;
}

/* Überschrift auf der Astrologie Seite */
.text_gross_center   {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #000000;
	FONT-SIZE: 20pt;
	text-align: center;
	line-height: 150%;
	margin-top: 0;


/* gelbe Line NUR im DIV Bereich - nicht über der linken Navigatiosseite  */
hr { 
    width: 100%; 
    height: 4px; 
    margin: 0 auto;
    color: ffcc00;
    background: #ffcc00;
}


/* Navigation ohne Hintergrund, Schriftgröße 16 - wird aktuell benutzt */
.navigation   {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #ffffff;
	FONT-SIZE: 16pt;
	text-align: center;
	margin-top: 0;
}



/* weisser Hintergrund an den Textfeldern, padding ist der Abstand der Schrift zum Rahmen,
und der Abstand wird auf der Indexseite unbedingt benötigt.  */
.impressum_text {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #333300;
	FONT-SIZE: 12pt;
	padding-left: 20px;
	margin-top: 0;
}




/* transparenter Hintergrund an den Textfeldern, padding ist der Abstand der Schrift zum Rahmen,
und der Abstand wird auf der Indexseite unbedingt benötigt.  */
.bgtext_transparent {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	FONT-SIZE: 16pt;
	padding-left: 15px;
	margin-top: 0;
}

/* weisser Hintergrund an den Textfeldern, padding ist der Abstand der Schrift zum Rahmen,
und der Abstand wird auf der Indexseite unbedingt benötigt.  */
.bgtext {
	BACKGROUND-COLOR: #FFFFFF;
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #333300;
	FONT-SIZE: 16pt;
	padding-left: 15px;
	margin-top: 0;
}

/* weisser Hintergrund BACKGROUND-COLOR: #FFFFFF an den Textfeldern,
Die Schriftfarbe schwarz ist = COLOR: #333300;
padding ist der Abstand der Schrift zum Rahmen,
und der Abstand wird auf der Indexseite unbedingt benötigt.  */

/* transparenter Hintergrund an den Textfeldern, ( ohne BACKGROUND-COLOR: #FFFFFF )
Wenn der Hintergrund weiss sein soll, muss BACKGROUND-COLOR: #FFFFFF; eingefügt werden.
padding ist der Abstand der Schrift zum Rahmen und der Abstand wird auf der Indexseite unbedingt benötigt.  
Jede Textzeile in der Tabelle muss so <td><span class="tabelle_preise">11. Juni 2016</span></td> definiert sein.
*/
.tabelle_preise {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #333300;
	FONT-SIZE: 16pt;
	padding-left: 25px;
	text-align: right;
	margin-top: 0;
}

/* transparenter Hintergrund an den Textfeldern, padding ist der Abstand der Schrift zum Rahmen,
und der Abstand wird auf der Indexseite unbedingt benötigt.  
.tabelle_transparent_2 ist für die unteren 2 Zeilen auf der Seite Mietpreise (Anreisetag, Abreisetag)
Hier sieht ein weisser Hintergrund unter der Schrift ganz unpassend aus.
*/
.tabelle_an_abreise {
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #333300;
	FONT-SIZE: 16pt;
	padding-left: 25px;
	text-align: right;
	margin-top: 0;
}


/* Diese Definition soll helfen in Mozilla alles richtig darzustellen */
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}


/* Navigation mit weissem Hintergrund - wird aktuell nicht benutzt */
.navigation_weiss   {
	background-color:#FFFFFF;
	FONT-FAMILY: Times New Roman, Verdana, Franklin Gothic Medium, Trebuchet MS;
	COLOR: #333300;
	FONT-SIZE: 16pt;
	text-align: center;
	margin-top: 0;
}