/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 30.11.2022, 10:46:37
    Author     : Nix Wissen
*/
/* Stand 19.05.2017 */
/* Der Inhalt dieses css-files ist im Dashboard in das Feld unter Design -> Anpassen -> Travelify Other Options
   zu kopieren */
section.mySection01 { /* umschliesst die gesamten (Bild-)Tabellen aller Tage */
	padding: 0px 0px 0px 0px;
}
tbody.myTbody01 {	/* spezifiziert die class fuer den Tabellenrumpf tbody */
	padding: 0px 0px 0px 0px;
}
div.myDivT01 {	/* umschliesst die gesamten (Bild-)Tabellen aller Tage innerhalb section bzw. mySection01 */
	display: block;
}
table.myTable01 {	/* umschliesst die gesamten (Bild-)Tabellen aller Tage innerhalb myDivT01 */
    background-color: black;
    border-collapse: collapse;
    border-spacing: 0;
    display: inline;
    table-layout: fixed;
}
tr.myTrDate01 {
	
}
tr.myTrDate01:hover td.myTdDate01, tr.myTrDate01:hover th{
	background: black;
}
td.myTdDate01 {	/* fuer die Tabellenueberschrift mit dem Aufnahmedatum */
    background-color: black;
    border: 0 none black;
    color: white;
    font: 20px helvetica,sans-serif;
    outline-style: none;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 5px;
    text-align: left;
    vertical-align: top;
    /*width: 128px;*/
}
tr.myTrImg01 {	/* fuer die Zeile mit den Images */
    height: 132px;
    background-color: black;
}
tr.myTrImg01:hover td, tr.myTrImg01:hover th{	/*  */
	background: black;
}
tr.myTrDsc01 {	/* fuer die Zeile mit den Bildbeschreibungen */
}
tr.myTrDsc01:hover td, tr.myTrDsc01:hover th{	/*  */
	background: black;
}
td.myTdImg01 {	/* fuer das einzelne Bild innerhalb einer Bildzeile einer Tabelle */
    height: 132px;
    width: 132px;
	background: black;
    border: 0 none black;
	padding: 0px 0px 0px 0px;
	display: table-cell;
}
td.myTdDsc01 {	/* fuer eine Bildbeschreibung innerhalb der Zeile mit den Bildbeschreibungen */
    background-color: black;
    border: 0 none black;
    color: white;
    font: 12px helvetica,sans-serif;
    outline-color: red;
    outline-style: none;
    padding: 0px 1px 10px 4px;
    text-align: left;
    vertical-align: top;
    width: 127px;
}
a.myAImg01 {	/* fuer ein einzelnes Bild in der Bildzeile einer Tabelle */
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-image: none 100% 100% 100% 100% / 0 0 0 0;
    border-spacing: 0;
    border-style: none;
    border-width: 0;
    height: 132px;
    width: 132px;
	padding: 0px 0px 0px 0px;
}
/*---------------------------------- tooltips allgemein --------------------------------------*/
.tooltip {	/* fuer alle classes mit dem Namen tooltip */
    position: relative;
    display: inline-block;
    opacity: 0.95;
    filter: alpha(opacity=95); /* For IE8 and earlier */
    /* border-bottom: 1px dotted white; */
    /* border-bottom: 1px solid white; */
}
.tooltip .tooltiptext {	/* formatiert Text und Blase der Tooltips - solange sie nicht durch "p > a" ueberschrieben werden  */
    visibility: hidden;
    width: 120px;
    background-color: #e6e6e6;	/* legt die Farbe fuer den Hintergrund in der Sprechblase fest */
    color: #4d4d4d;	/* ein dunkles Grau, legt die Farbe innerhalb der Sprechblase fest */
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 150%;
    left: 50%;
    margin-left: -60px;
}
.tooltip .tooltiptext::after {	/* erzeugt den Pfeil des Tooltips */
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #e6e6e6 transparent transparent transparent;
}
.tooltip:hover .tooltiptext {	/* Gilt fuer alle tooltips */
    visibility: visible;	/* Tooltips werden nur sichtbar beim Daraufzeigen */
}
/*---------------------------------- tooltips beschraenkt auf einzelne Elemente --------------------------------------*/
a .myAMap01.tooltip:link {	/* fuer den Google-Maps-Link in einer Bildbeschreibung vor dem Daraufklicken oder Daraufzeigen */
    color: Lime;
    background-color: transparent;
    /* text-decoration: underline; */
}
/* visited link */
a .myAMap01.tooltip:visited {	/* Nach dem Daraufklicken auf den Google-Maps-Link */
    color: #99ccff;	/* 80 % (relativ hell) Blau */
    background-color: transparent;
    /* text-decoration: underline; */
}
/* mouse over link */
tr td a span .tooltip:hover { /* :hover MUST come after :link and :visited */	/* Beim Daraufzeigen */
    color: Red;
    background-color: transparent;
    /* text-decoration: underline; */
}
/* selected link */
a .myAMap01.tooltip:active {	/* beim Klicken */
    color: Red;
    background-color: transparent;
    /* text-decoration: underline; */
} 
a .myImg01 {	/* ? */
}
/*------------------------------------ Es folgen die Formate fuer die Links im Text des Posts -------------------*/
p > a .tooltip:link {	/* alle unbesuchten Links fuer die class tooltip im HTML-Element a, das direktes child-Element von p ist */
	color: Blue;
	text-decoration-style: solid;
	/* -moz-text-decoration-line: underline; */ /* Code for Firefox */
    /* text-decoration-line: underline; */
    /* text-decoration: underline; */
    -moz-text-decoration-color: Blue; /* Code for Firefox */
    text-decoration-color: Blue;
    /* border-bottom: 1px solid blue; */ /* If you want a blue line under the text */
}
/* p > a .myAMap01.tooltip:visited */
p > a .tooltip:visited {	/* alle besuchten Links fuer die class tooltip im HTML-Element a, das direktes child-Element von p ist */
	color: Green;
    /* text-decoration: underline; */
    border-bottom: 1px solid blue; /* If you want a blue line under the text */
}
p > a .tooltip:hover{	/* alle daraufgezeigten Links fuer die class tooltip im HTML-Element a, das direktes child-Element von p ist */
    /* text-decoration: underline; */
	color: Red;	/* scheint so zu funktionieren fuer die Links im Testbereich des Beitrags */
}
p > a .tooltip .tooltiptext::after {	/* erzeugt den Pfeil des Tooltips */
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #e6e6e6 transparent transparent transparent;	/* Hellgrau */
}
.myWo{	/* Fuer das "Wo?" ueber das auf Google-Maps verlinkt wird */
	color: LightGreen;
    background-color: transparent;
    text-decoration: underline;
}
.mySpanLinkInCaption{	/* Fuer den Text, ueber den in der Foto-Caction auf externe Inhalte verlinkt wird */
	color: Aqua;	
    text-decoration: underline;
    background-color: transparent;
}
.mySpanLinkInCaption:hover{	/* Fuer den Text, ueber den in der Foto-Caction auf externe Inhalte verlinkt wird */
	color: Aqua;	/* Aqua 50 % */
    text-decoration: underline;
    background-color: transparent;
}
.mySpanLinkInCaption:active{	/* Fuer den Text, ueber den in der Foto-Caction auf externe Inhalte verlinkt wird */
	color: Red;	/* Red 50 % */
    text-decoration: underline;
    background-color: transparent;
}
.mySpanLinkInText{	/* Fuer den Text, ueber den im Beitragstext auf externe Inhalte verlinkt wird */
	color: #0000ff;	/* 50 % Blau */
	text-decoration-color: #0000ff;	/* 50 % Blau */
    text-decoration: underline;
    background-color: transparent;
}
.mySpanLinkInText:hover{	/* Fuer den Text, ueber den im Beitragstext auf externe Inhalte verlinkt wird */
    text-decoration: underline;
	color: White;	/* 50 % Blau */
	background-color: #0000ff;	/* 50 % Blau */
    /* background-color: transparent; */
}
.mySpanLinkInText:active{	/* Fuer den Text, ueber den im Beitragstext auf externe Inhalte verlinkt wird */
	color: Red;	/*  */
    text-decoration: underline;
    background-color: transparent;
}
/* fuer leaflet-extension */
.elevation-summary > :not(.totlen, .tottime, .avgspeed, .ascent) 
{
display: none !important;
}
/* fuer den Tag im Kalender, fuer den ein Post exist. */
#wp-calendar tbody td a {
	color: #596eb2; /*#33ccff;*/
	font-weight: bold;
	font-size: large;
}
.cFlexCaptiontext{
    width: 132px;
    font-size: small;
    padding: 0 4px 0 4px;
    margin: 5px 0 8px 0;
}
.cFlexDivProImg{
    display: flex;
    justify-content: center;
    align-items: center;
    height: 140px;
    width: 140px;
    background-color: black;
}
.cFlexColumnProImgAndCaption{
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-bottom: 10px;
}
.cFlexDivProFigures{
    margin-top: 0px;    /* muss inline gesetzt werden */
    margin-bottom: 0px;
    line-height: 1.3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    background-color: black;
    color: white;
}
.cFlexAInCaption{
    margin: 0;
    padding: 0;
    display: inline;
    background-color: black;
}
.cFlexImg{
    max-height: 132px;
    max-width: 132px;
    display: block;
}
.cFlexSpanAufnDatum{ /* um margin-left und margin-right um den Text zu erzeugen */
    margin: 0 5px 0 10px;
}
.cFlexAufnDatum{
    color: white;
    background-color: black;
    font-size:150%;
    display: block;
    margin: 20px 0 0px 0;
    padding: 15px 5px 10px 10px;
    padding: 0;
}