@charset "utf-8";
/* CSS Document 
-webkit-transition: all 1s;*/

@media only screen
    and (min-width:420px)
    and (max-width: 1280px)
{}

input,
textarea {
    width: auto;
    font-size: 1.1em; 
    padding: 4px;
    font-family: inherit;
    font-weight: lighter;
    border-radius: 0.3em;
} 

input:focus[of], 
textarea:focus[of] { 
    border:1px solid orange;
    background-color: burlywood
}

img {
 max-width: 100%;
 height: auto;
}

body {	/*Body selbst*/
    font-family: Arial, Helvetica, sans-serif;
    width: auto;
    page-break-before: auto;
}

    /*header*/
header {
    background-image:-webkit-linear-gradient( aliceblue, #333);
    background-color: grey;
    border-radius: 8px;
    width: 1280px;
    overflow:hidden;
    position:fixed;
    top:0px;
    z-index:1000;
    
}

header h1{    
    color: aliceblue;
	font-size: 28px;
	font-style: italic;
    }

header h2{    
    color: lightcoral;
	font-size: 28px;
	font-style: italic;
    }

article {
    width: auto;
    border-radius: 10px;
    padding-left: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
    font-size: 16px;
}

footer {
	text-align:center;
	background-color:#333;
	box-shadow:2px 5px 10px rgba(204,204,204,0.5);
	border-radius:5px;
	height: 30px;
	width: 1280px;
	top: 300px
}

footer p {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:22px;
	font-style:inherit;
	text-align:center;
    margin-top: 4px;
}

button {
    border:1px solid orange;
    background-color: burlywood
}
/*
#####################################################
	Div-Tags
#####################################################
*/

.reisen {	/*Container für Reisebrichte*/
    background-color: lightgray;
    width: 1280px;
	border: 3px rgba(43,43,43,1.00);
	border-radius: 10px;
	border-style: double;
	box-sizing: border-box;	
}

.poi{			/*Container Bewertung in Grundinfos*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#333; /*schwarz*/
    font-weight: normal;
	margin-left: 250px;
	margin-top: 10px;
    min-height: 150px;
    width: 980px;
}

.Kont{
	font-family: Arial, Helvetica, sans-serif;
    width: auto;
    height: 50px;
    border: 3px rgba(43,43,43,1.00);
    border-radius: 10px;
    border-style: double;
    box-sizing: border-box;
    text-align: center;
    background-color: bisque;
    margin-left: 10px;
    padding-right: 20px;
}

.Bild{
	padding-left: 10px;
	margin-top: 10px;
}

.info {    /*gestaltet den Textkopf in den Seiten Reisetagebuch und in Ereignissen*/
    background:#CECECE;
    width: 1280px;
	border: 3px rgba(43,43,43,1.00);
	border-radius: 10px;
	border-style: double;
	box-sizing: border-box;
}

.grund {    /*Grundfeld für Textdarstellungen ++ nimmt die gesamte Bildschirmbreite ein*/
    background:#CECECE;
    width: 1270px;
	border: 3px rgba(43,43,43,1.00);
	border-radius: 10px;
	border-style: double;
    height: auto;
	box-sizing: border-box;
	margin-top: 5px;
}

.fam {    /*Grundfeld für Suchtexte von Freunden u. Familie*/
    background: #E7E4E4;
    width: 1270px;
	border: 3px rgba(43,43,43,1.00);
	border-radius: 10px;
	border-style: double;
    height: auto;
	box-sizing: border-box;
	margin-top: 5px;
}

.klick{
	padding-left: 200px;
	margin-top: -140px;
	text-align: left;
}

.plan{ 	/*gestaltet den Kopfbereich im Formular Reiseplanung*/
	width: 1280px;
	border: 3px rgba(43,43,43,1.00);
	border-radius: 10px;
	border-style: double;
	box-sizing: border-box;	
}
    
.zeigen{ 	/*Basisfeld für Hyperlink Reisetagebuch im Bereich Aufenthalte im Ortsformular*/
    background: rgba(185,185,185,1.00);
    width: auto;
	min-height: 20px;
	border: 3px rgba(185,193,4,1.00);
	border-radius: 10px;
	border-style: double;
	box-sizing: border-box;
    
}
    
.gesch{ 	/*gestaltet den Anzeigebereich für Bilder bzw. Videos*/
    background: rgba(242,242,176,1.00);
    width: 1270px;
    height: auto;
	border: 3px rgba(185,193,4,1.00);
	border-radius: 10px;
	border-style: double;
	box-sizing: border-box;	
}

.schalt{
	background-color: burlywood;
	border: 3px #CB7B15;
	border-radius: 10px;
	border-style: double;
	box-sizing: border-box;
	margin-left: 800px;
	height: 50px;
	width: 300px;
	font-size: 22px;
    font-style: oblique;
	text-align: center;
    color: black;
    box-shadow: 0 8px 12px 0 rgba(0,0,0,0.5), 0 6px 20px 0 rgba(0,0,0,0.19);
}

.besucht{
	padding-left: 10px;
	width: 150px;
    height: 30 px;
	border-radius: 10px;
	box-sizing: border-box;
    background-color: lightsalmon;
}

.button{
	padding-left: 10px;
	width: 230px;
	border-radius: 10px;
    background-color: lightsalmon;
}

.button-85 {
  padding: 0.6em 2em;
  border: none;
  outline: none;
  color: rgb(255, 255, 255);
  /*color: darkgray;*/
  background: #363132;
  cursor: pointer;
  font-size: 22px;
  position: relative;
  margin-left: 800px;
  height: 40px;
  width: 200px;
  z-index: 0;
  border-radius: 10px;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
}

.button-85:before {
  content: "";
  background: linear-gradient(
    45deg,
    #ff0000,
    #ff7300,
    #fffb00,
    #48ff00,
    #00ffd5,
    #002bff,
    #7a00ff,
    #ff00c8,
    #ff0000
  );
  position: absolute;
  top: -2px;
  left: -2px;
  background-size: 400%;
  z-index: -1;
  filter: blur(5px);
  -webkit-filter: blur(5px);
  width: calc(100% + 4px);
  height: calc(100% + 4px);
  animation: glowing-button-85 20s linear infinite;
  transition: opacity 0.3s ease-in-out;
  border-radius: 10px;
}

@keyframes glowing-button-85 {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 400% 0;
  }
  100% {
    background-position: 0 0;
  }
}

.button-85:after {
  z-index: -1;
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: #BBB3B3;
  left: 0;
  top: 0;
  border-radius: 10px;
}

.ausw{
	font-family: Arial, Helvetica, sans-serif;
    width: 1220px;
    height: auto;
    border: 3px rgba(43,43,43,1.00);
    border-radius: 10px;
    border-style: double;
    box-sizing: border-box;
    text-align: left;
    background-color: bisque;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.butt { 	/*gestaltet den Button für Hyperlinks mit cremefarbenen Hintergrund*/
    background-color: bisque;
    border: outset;
    border-color: black;
    border-radius: 7px;
    transition: 2s;
    display: inline-flex;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-top: 6px;
	cursor: pointer;
}

.butt1 { 	/*gestaltet den Button zum Auffalten mit grünem Hintergrund*/
    background-color: lightgreen;
    border: outset;
    border-color: black;
    border-radius: 7px;
    transition: 2s;
    display: inline-flex;
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-top: 6px;
	cursor: pointer;
}

.butt2 { 	/*gestaltet den Button zum Auffalten mit grünem Hintergrund*/
    background-color: lemonchiffon;
    border: outset;
    border-color: white;
	border-width: 4px;
    display: inline-flex;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-top: 6px;
}

.poin {
    background-color: bisque;
    border: outset;
    border-color: black;
    border-radius: 7px;
    transition: 2s;
    display: inline-flex;
	padding-left: 7px;
	padding-right: 10px;
	padding-top: 3px;
	padding-bottom: 5px;
	margin-left: 250px;
	margin-top: 6px;
}

.butt:hover {
    background-color: lightcoral;
}

.butt:active {
    background-color: darkgoldenrod;
}

.lit {
    background-color: lightgreen;
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: inline-flex;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 10px;
	margin-top: 5px;
}

.lit:hover {
    background-color: lightseagreen;
}

.lit:active {
    background-color: darkgoldenrod;
}

.pois {					/*Container für unbesuchte POIs*/
    background-color: gainsboro;
    border: outset;
    border-color: black;
    border-radius: 5px;
    transition: 1s;
    display: block;
	padding-left: 6px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-left: 2px;
	margin-top: 5px;
}

/*
#######################################################
	Überschriften im Body
#######################################################
*/
h {
	font-size: 24px;
	color:#999;    /*leicht grau*/
	text-align:center;
	padding-left:10px;
}

h1 {
	font-size: 18px;
	color: slategrey;    /*leicht grau*/
	text-align:center;
    font-weight: normal; align-content: stretch; 
/*	padding-left:10px;*/
}

h2 {    /*XXX*/
	font-size: 24px;
	font-weight:bold;
	color:#333;    /*schwarz*/
	text-align: center;
}

h3 {
	font-size: 14px;
	color:#00F;    /* blau */
	text-align: center;
}

h4 {
	font-size: 14px;
	color:#F00;    /* rot */
	text-align:left;
	padding-left:5px;
}

h5 {
	font-size: 18px;
	color:#333;    /*schwarz*/
    text-align:left;
	padding-left:50px;
	font-weight:bold;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 32px;
	color:#999;    /*leicht grau*/
    text-align: center;
	font-weight:bold;
}

h7 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#FFFFFF;    /*weiß*/
	padding-left:60px;
	font-weight:bold;
	font-style: italic;
}

/*
#############################################
    Textgestaltung im Body
#############################################
*/
p {
	font-size:10px;
	/*padding:10px;*/
	color:#333; /*schwarz*/
}

p1 {	/*Text wit auffälligem Design/Bei Bilder/Videos Überschriften in der Info-Spalte*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight:bold;
	color:#2F2929;  /*dunkles Grau*/
}
p2 {    /*Normaler Text in Spalten und Freitext*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#333; /*schwarz*/
    font-weight: normal
}

p3 {	/*Text in rot in allen Seiten*/
	font-size:14px;
    font-weight: bold;
	color:#F00;    /*rot*/
}

p4 {	/*Text Super POI*/
	font-size:18px;
	color:#F00;
	font-style: italic;
	font-weight:bold;
	text-decoration-line: underline;
	text-underline-position: auto;
}

p5 {	/*Überschriften für Zwischenblöcke*/
	font-size:24px;
	font-family: Arial, Helvetica, sans-serif;
	font-style:normal;
	font-weight:bold;
}

p6 {    /*Tabellenüberschriften*/
	font-size:24px;
	color:#4C52C8;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	text-decoration-line: underline;
	text-underline-position: auto;
	padding:20px;
    
}

p7 {    /*große Blocküberschriften in allen Seiten*/
	font-family: Arial, Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	font-style: italic;
	text-decoration-line: underline;
	text-underline-position: auto;
}

p8 {    /*Für besonderen Text in allen Formularen*/
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	padding:10px;
	font-weight:bold;
}

p9 {	/*Text für Hinweise, wo Unterlagen gelagert werden*/
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	text-decoration-line: underline;
	text-underline-position: auto;
    margin-left: 10px;
	color: black; 
}

p10 {	/*Überschriftentext bei Unterteilungen*/
	font-size:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight:bold;
	color: grey;
	text-decoration-line: underline;
	text-underline-position: auto;
	padding-left: 20px;
}

p11 {    
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #3627DC;
	font-weight:bold;
	text-decoration-line: underline;
	text-underline-position: auto;
    align-content: center;
}

p12 {	/*Untertext in den Popups zu den Bildern*/
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	color: #F0F0F0;
	font-weight:bold;
}

p13 {	/*Text für Hotspots*/
	font-size:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight:bold;
	text-decoration-line: underline;
	text-underline-position: auto;
    margin-left: 10px;
    color: blue;
}

p14 {    /*Anklicktext in der Seite Ereignisse für Bilder bzw. Video*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#333; /*schwarz*/
    font-weight: normal;
    font-style: normal;
    text-align: left;
    text-align-last: left;
    margin-left: 25px;
    margin-top: 100px;
    margin-bottom: 25px;
    margin-right: 25px
}

p15 {    /*Text für schwarzen Untergrund*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:aliceblue;
    font-weight: normal;
    font-style: normal;
}

p16 {    /*Zwischenüberschrift bei Rubriken-tabs*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:aliceblue;
    font-weight: normal;
}

bes {	/*In der Seite Orte für den Text bei Besuchen*/
	font-size: 12px;
	font-weight: normal;
	color:#000000;
}

but{
	font-family: Arial, Helvetica, sans-serif;
    width: 250px;
    height: 35px;
    border: 3px rgba(43,43,43,1.00);
    border-radius: 10px;
    border-style: double;
    box-sizing: border-box;
    text-align: center;
    background-color: bisque;
    margin-left: 10px;
    padding-left: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*
########################################################
Listenfelder
########################################################
*/

.Hinweis {
	font-size:10px;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #333;
	height: auto;
	width: auto;
	padding-top: 100px;
}
.wahl{
	background-color:rgba(255,255,204,0.3);
	border-radius:4px;
}

.liste{		/*Gestaltet das Listenfeld bei langem Überschriftentext*/
    position: absolute;
    left: 350px;
    top: 3px;
	height: 24px;
	width: 850px;
}

.liste1{		/*Gestaltet das Listenfeld bei langem Überschriftentext*/
    position: absolute;
    left: 350px;
    top: 3px;
	height: 24px;
	width: 800px;
}

.liste2{		/*Gestaltet das Listenfeld bei kurzem Überschriftentext*/
    position: absolute;
    left: 250px;
    top: 3px;
	height: 24px;
	width: 850px;
}

    /*Gestaltung Listenfeldcontainer*/
.Wahl1{
	background-color:rgba(49,49,49,1.00);
	border-radius:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color:aliceblue;
	background-image: none;
	word-spacing: normal;
	height: 32px;
	width: 1270px;
	position: relative;
    padding-left: 5px;
}

.Wahl2{
	background-color:rgba(49,49,49,1.00);
	border-radius:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color:aliceblue;
	background-image: none;
	word-spacing: normal;
	height: 32px;
	width: 1270px;
	position: relative;
    padding-left: 5px;
}

.Wahl3{
	background-color:rgba(49,49,49,1.00);
	border-radius:4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	color:aliceblue;
	background-image: none;
	word-spacing: normal;
	height: 32px;
	width: 1270px;
	position: relative;
    padding-left: 5px;
}
video{
	width:auto
	
}

/*
#######################################################
    Tabellengestaltung
#######################################################
*/

	/*Tabelle Passwörterliste*/
    
.tdA01{		/*Passwörterliste/Spalte Lfd. Nr,*/
	font-family:"Times New Roman", Times, serif;
	width:45px;
	text-align:center;
	font-size:24px;
	text-wrap:normal;
	font-style: normal;
	font-weight: bolder;
}

.tdA02{		/*Passwörterliste/Spalte App/Datei*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	padding-left:5px;
	padding-right:4px;
	text-wrap:normal;
    height: auto;
	width: auto;
}

.tdA03{		/*Passwörterliste/Spalte Benutzername*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
    font-weight: bold;
    text-align-last: center;
    height: auto;
	width:270px;
}

.tdA04{		/*Passwörterliste/Spalte Passwort*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
    font-weight: bold;
    text-align-last: center;
    height: auto;
	width:200px;
}

/*################################################################################*/

/*Tabelle Aufgaben/ToDo`s*/

.tdAT1{    /*Spalte für Was*/
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 24px;
	width: 30px;
	font-weight: bold;
	color: #FF0004;
}
	
.tdAT2{    /*Spalte für Fälligkeit*/
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
    font-weight: bolder;
    text-align: center;
    width: 60px;
}
	
.tdAT3{    /*Spalte für Jahresdaten*/
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
    padding-left: 3px;
    width: auto;
}

/*########################################################################*/

/*Tabell: Checklisten */

.tdC01{		/*Checklisten/Spalte Lfd. Nr,*/
	font-family:"Times New Roman", Times, serif;
	width:45px;
	text-align:center;
	font-size:24px;
	text-wrap:normal;
	font-style: normal;
	font-weight: bolder;
}

.tdC02{		/*Spalte Was soll getan werden*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	padding-left:5px;
	padding-right:4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width:855px;
}

.tdC03{		/*Spalte für Häkchen nach Erledigung*/
	font-family:"Times New Roman", Times, serif;
	width:60px;
}

/*#########################################################################*/

	/*Tabell Ereignisse*/

.tdE01{			/*Was bei Bilder und Videos*/
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	text-wrap: normal;
	width: 130px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}

.tdE02{            /*Start für bei Bilder und Video*/
	width:96px;
	height:auto;
}

.tdE03{            /*Allgemeine Infos von uns*/
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	padding-left:5px;
	padding-right:4px;
	font-style: normal;
	text-wrap: normal;
    height: auto;
	width: 964px;
}

.tdE04{            /*Akt. Datum*/
	font-family:"Times New Roman", Times, serif;
	width:90px;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	font-style: normal;
	font-weight: bold;
}

/*###########################################################################*/

	/*Tabelle Fortschreibung*/
	
.tdF1{           /*Wann*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:18px;
	font-weight: bold;
	color: #FF0004;
	width:90px;
	height: auto;
}

.tdF2{           /*Information*/
    font-family:"Times New Roman", Times, serif;
	font-size:16px;
	text-wrap:normal;
	width:auto;
	height: auto;
	padding-left: 08px;
}

.tdF3{           /*Was*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:16px;
    font-weight: bolder;
	text-wrap:normal;
	width:120px;
	height: auto;
}

.tdF4{           /*Bei Reparaturen das Problem*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:16px;
    font-weight: bolder;
	text-wrap:normal;
	width:200px;
	height: auto;
}

/*###############################################################################*/

	/*Tabelle Gasinformationen*/
	
.tdG1{           /*Kontaktdaten*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	text-wrap:normal;
	width:180px;
	height: auto;
}

.tdG2{            /*Allgemeine Infos*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom: 4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width: auto;
}

.tdG3{            /*Akt. Datum*/
	font-family:"Times New Roman", Times, serif;
	width:60px;
	padding-left:5px;
	padding-right:4px;
	font-size:14px;
	text-align:center;
	text-wrap:normal;
	font-style: normal;
	font-weight: bold;
}

/*########################################################################*/

/*Tabelle Highlights*/

.tdH1{    /*Spalte für Was*/
	font-family: "Times New Roman", Times, serif;
	font-size: 24px;
    width: 30px;
    font-display: fallback;
	font-weight: bold;
	color: #FF0004;
}
.vertical { 
    -webkit-writing-mode:vertical rl; 
    -ms-writing-mode:tb-rl; 
    writing-mode:vertical-rl;
    transform: rotate(-180deg);
 }
 
.tdH2{    /*Spalte für Jahresdaten*/
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
    padding-left: 3px;
    width: auto;
}

/*########################################################################*/

	/*Tabelle Geräte/Maschinen*/
	
.tdM1{    /*Spalte für Was*/
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 20px;
	width: 150px;
	font-weight: bold;
}
	
.tdM2{    /*Spalte für Jahresdaten*/
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
    padding-left: 5px;
    width: auto;
}

	/*Tabelle Nutzungsdaten*/
	
.tdN1{    /*Spalte für Was*/
	font-family: "Times New Roman", Times, serif;
	text-align: center;
	font-size: 20px;
	width: 250px;
	font-weight: bold;
}
	
.tdN2{    /*Spalte für Jahresdaten*/
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	width: 580px;
}
	
.tdN3{    /*Spalte für Informationen*/
	font-family: "Times New Roman", Times, serif;
	font-size: 18px;
	width: auto;
}


	/*Tabelle POI´s*/
	
.tdO01{			/*Was*/
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	font-size:18px;
    word-wrap: break-word;
	width: 150px;
	height: auto;
	font-weight: bold;
}

.tdO02{            /*Thumbs*/
	width:210px;
	height:auto;
	text-align:center;
}

.tdO03{            /*Allgemeine Infos*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom: 4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width:auto;
}

.tdO04{			/*Besuchsdatum und Kommentare*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color:rgba(0,0,0,1.00);
    text-align: left;
	padding-left:5px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom: 4px;
	width:400px;
}

.tdO05{			/*Was/Bilder/Videos*/
	text-align:center;
	font-size:18px;
	text-wrap:normal;
	width: 150px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
	font-weight: bold;
}

.tdO06{            /*Start für bei Bilder und Video*/
	width:96px;
	height:auto;
	text-align:center;
}

.tdO07{            /*Information*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	padding-top:4px;
	padding-bottom: 4px;
	font-style: normal;
	text-wrap: normal;
    height: auto;
	width: auto;
}

.tdO08{            /*Akt. Datum*/
	font-family:"Times New Roman", Times, serif;
	width:100px;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	font-style: normal;
	font-weight: bold;
}


	/*Tabelle Reiseplanung*/
	
.tdP1{    /*Spalte für die laufende Nr.*/
	font-family: "Times New Roman", Times, serif;
	text-align:center;
	font-size:18px;
	width:30px;
	font-style: normal;
	font-weight: bold;
}
.tdP2{    /*Spalte für die Kontaktdaten*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:140px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.tdP3{    /*Spalte für die Kosten*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:160px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.tdP4{    /*Spalte für Ausstattung/Service*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:160px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.tdP5{    /*Spalte für die Reisedaten*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:16px;
	text-wrap:normal;
	width:160px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.tdP6{    /*Spalte für Angaben, was wollen wir dort!*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width: auto;
}


/*Tabellengestaltung Reisetagebücher*/	

.tdR1{
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	text-align:center;
	font-style: normal;
	font-weight: bold;
	color: #FA080C;
	height: auto;
	width: 100px;
}

.tdR2{
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	padding-top: 5px;
	padding-bottom: 4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width:auto;
}
	
.tdR3{
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	text-wrap:normal;
	font-style: normal;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 8px;
	height: auto;
	width:140px;
}

.tdR4{
	width:96px;
	height:auto;
	text-align:center;
}


	/*Tabelle Stellplätze*/

.tdS01{            /*youtube Button*/
	width:150px;
	height:auto;
	text-align:center;
    font-size:14px;
}

.tdS02{            /*Kontaktdaten*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	font-weight: bold;
	text-wrap:normal;
	width:150px;
	height: auto;
}

.tdS03{            /*Kosten*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:150px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}

.tdS04{            /*Ausstattung/Service*/
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:160px;
	height: auto;
	font-style: normal;
	font-weight: bold;
	padding-top:4px;
	padding-bottom: 4px;
}

.tdS05{            /*Allgemeine Infos*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	text-wrap:normal;
    height: auto;
	width:auto;
    color: rgba(0,0,0,1.00)
}

.tdS06{            /*Akt. Datum*/
	font-family:"Times New Roman", Times, serif;
	width:50px;
	font-size:14px;
	text-align:center;
	text-wrap:normal;
	font-weight: bold;
}


.tdS07{            /*Was für Video*/
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width: 150px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
}

.tdS08{            /* Video Thumb*/
	width:96px;
	height:auto;
	text-align:center;
}

.tdS09{            /*Video Infos*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width:944px;
}

.tdS10{            /*Akt. Datum*/
	font-family:"Times New Roman", Times, serif;
	width:110px;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	font-style: normal;
	font-weight: bold;
}


	/*Tabelle Tankvorgänge*/
    
.tdT1{			/*Datum*/
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	font-style: normal;
	font-weight: bold;
	color: #FA080C;
	height: auto;
	width: 100px;
}
.tdT2{			/*Tankstelle*/
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	padding-left:5px;
	padding-right:4px;
	padding-top: 5px;
	padding-bottom: 4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width:auto;
}
.tdT3{			/*Liter*/
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	font-style: normal;
	font-weight: bold;
	height: auto;
	width: 80px;
}
.tdT4{			/*Literpreis*/
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	font-style: normal;
	font-weight: bold;
	height: auto;
	width: 80px;
}
.tdT5{			/*Kosten*/
	font-family: "Times New Roman", Times, serif;
	font-size:14px;
	text-align:center;
	font-style: normal;
	font-weight: bold;
	height: auto;
	width: 80px;
}


	/*Tabelle Reisetagebuch Plan/Ist*/
.tdU1{			/*ID/Archiv*/
	font-family: "Times New Roman", Times, serif;
	font-size:18px;
	font-weight: bold;
	text-wrap:normal;
	color: black;
	height: auto;
	width: auto;
    padding-left: 10px;
}

.tdU2{			/*Format*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight: bold;
    text-align: center;
	text-wrap:normal;
	color: black;
    height: auto;
	width:120px;
}

.tdU3{			/*Titel/Was*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight: bold;
    text-align: center;
	text-wrap:normal;
	color: red;
    height: auto;
	width:120px;
}

.tdU4{			/*Hauptorte*/
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	font-weight: bold;
    text-align: center;
	text-wrap:normal;
	color: limegreen;
    height: auto;
	width:120px;
}
	
	
	/*Alte Tabellengestaltung*/

.td1{
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width: 80px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
}
.td1a{
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:80px;
	height: auto;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
}
.td1b{
	text-align:center;
	font-size:18px;
	text-wrap:normal;
	width:30px;
	font-family: "Times New Roman", Times, serif;
	font-style: normal;
	font-weight: bold;
}

.td2{
	width:210px;
	height:auto;
	text-align:center;
        
}
.td2a{
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:150px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.td2b{
    font-family:"Times New Roman", Times, serif;
	text-align:left;
	font-size:14px;
	text-wrap:normal;
	width:400px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.td3{
	font-family:"Times New Roman", Times, serif;
	font-size:12px;
	padding-left:5px;
	padding-right:4px;
	font-style: normal;
	text-wrap:normal;
    height: auto;
	width:auto;
}
.td3a{
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:220px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}
.td4{
	font-family:"Times New Roman", Times, serif;
	font-size:10px;
	padding-left:5px;
	padding-right:4px;
	width:220px;
}
.td4a{
	font-family:"Times New Roman", Times, serif;
	font-size: 14px;
	font-weight:bold;
	color:#F00;
	text-align:left;
	padding-left:5px;
	width:220px;
}
.td5{
	font-family:"Times New Roman", Times, serif;
	padding-left:5px;
	padding-right:4px;
	text-align:left;
	font-size:10px;
	text-wrap:normal;
	width:1114px;
}
.td5a{
    text-align:center;
    font-family:"Times New Roman", Times, serif;
	font-size: 16px;
	height: auto;
	font-weight:bold;
	color:#F00;
	text-wrap:normal;
	width:90px;
}

.td6{
	font-family:"Times New Roman", Times, serif;
	width:60px;
	text-align:center;
	font-size:12px;
	text-wrap:normal;
	font-style: normal;
	font-weight: bolder;
}

.td7{
    font-family:"Times New Roman", Times, serif;
	text-align:center;
	font-size:14px;
	text-wrap:normal;
	width:350px;
	height: auto;
	font-style: normal;
	font-weight: bold;
}

/*
########################################################
	Fußbereich
########################################################
*/

.Passwort {
	position: absolute;
	left: 134px;
	top: 300px
}
#Eingabe {
	position: absolute;
	left: 20px;
}
.passw {
	font-size: 20px;
	color: #000;
	position: relative;
	left: 10px;
	top: auto;
	font-style: normal;
	font-weight: normal;
	height: auto;
	width: auto;
	padding-top: 50px;
	padding-left: 100px;
}

.Touren {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #000;
	text-align: left;
	vertical-align: middle;
	position: relative;
	height: auto;
	width: auto;
}
.Tourentitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: italic;
	color: #333;
	height: 40px;
	width: auto;
	font-weight: bolder;
	font-variant: normal;
	text-align: center;
	position: relative;
	vertical-align: middle;
}

/*
#####################################
Popup container
#####################################
*/

.popup {
  position: relative;
  display: inline-block;
  cursor: pointer;
}

/* The actual popup (appears on top) */
.popup .popuptext {
  visibility: hidden;
  width: 210;
  background-color: #86868F;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 8px 0;
  position: absolute;
  z-index: 1;
  bottom: 125%;
  left: 50%;
  margin-left: -80px;
}

/* Popup arrow */
.popup .popuptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

/*
#######################################################
Funktionen
#######################################################
*/

/*blinkender Text*/
#blink {animation: blink 2s linear infinite;}

#blink1 {animation: blink 1s linear infinite;}

#blink2 {animation: blink 2s linear infinite;}
#blink3 {animation: blink 1s linear infinite;}
#blink4 {animation: blink 2s linear infinite;}

@keyframes blink {
  from {opacity: 0;}
  to {opacity: 2;}
}
@keyframes blink1 {
  from {opacity: 0;}
  to {opacity: 2;}
}

/* Toggle this class when clicking on the popup container (hide and show the popup) */
.popup .show {
  visibility: visible;
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
  from {opacity: 0;}
  to {opacity: 1;}
}

@keyframes fadeIn {
  from {opacity: 0;}
  to {opacity:1 ;}
}