/*M:\Lern.Vingu.de\html\styles\designlinks.css*/
/*Die ist die css-Datei für die Links         für  ELISA*/
h1 {
	color: red;
	background-color: pink;
}
a:link {
	background-color: none;
	text-decoration: none;
}
a:visited {
	background-color: #FFFFFF;
}
a:hover {
	/*	über die Links padding 2px wichtig damit der Hintergrund bei Zeilenumbruch übereinander läuft, sonst würde die Schrift zittern	*/
	background-color: #FCE8C2;
	padding-bottom: 2px;
}
a:active {
	background-color: #4CAF50;
	color: #00ff00; /* dunkelgrün  und    hellgrün*/
}
a:focus {
	background-color: red;
	color: black;
}
/*tttttttttttttttttDieser Bereich gehört zusammen ErKlärung ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt

/*XXXXXXXXX DIESER BEFEHL IST FÜR NEUE lINKSSTEUERUNG ZUSTÄNDIG XXXXXXXXXXXXXXXX
  Dieser PHP-Befehl am Anfang der Seite setzen ---------   <?php $thisPage="About me"; ?> 
Dann 
<div id="menue">
<ul>

<li<?php if ($thisPage=="Home")
echo " id=\"aktiv\""; ?>>
<a href="index.php"><span class="auto-style5">Home</span></a></li>

<li<?php if ($thisPage=="About me")
echo " id=\"aktiv\""; ?>>
<a href="aboutme.php"><span class="auto-style5">About me</span></a></li>

<li<?php if ($thisPage=="Hobbies")
echo " id=\"aktiv\""; ?>>
<a href="hobbies.php"><span class="auto-style5">Hobbies</span></a></li>

</ul>
</div> 
*/
#menue #aktiv a {
	/*		aktive Seite Balken links dick und rot	*/
				border-left-style: solid;
	border-left-width: 2px;
	padding-left: 4px;
	border-left-color: #FF0000;
	margin-top: 2px;
	
	font-size: medium;
	text-decoration:underline
	
	
 /*color:#fff;
background-color: #f00;
font-weight:bold;
*/;
}
/*ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
ttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttttt
*/
ul {
	 /* voreinstellung margin: 0 0 1 0; */
 margin-top:0px;
 margin-left:15px;
 margin-right:0px;
 margin-bottom:10px;
 
}
li {
	/*macht den Punkt orange*/	
	border-color: transparent transparent transparent #00FFFF;
	color: orange;
}
a {
	text-decoration: none;
}
.auto-style2 {
	color: #0068FF; /*blau    wiederspricht sich mit .auto-style2   */
}
.auto-style2 {
	/* Aktive Seite Schrift: Blau, Calibri, usw */
	color: #3333CC; /*blau_lila ziemlich dunkel*/;
	text-decoration: none;
	font-family: Calibri;
	font-size: medium;
	font-weight: 500;
	font-style: normal;
}
.auto-style3 {
	background-color: #fff;
	border-left: 2px solid #cd4b3c;
	color: #325f8c;
	font-weight: bold;
	padding-left: 3px;
    /*width: 0%;*/
}
.auto-style5 {
	text-decoration: none;
	color: #996633;
	font-family: Calibri;
	font-size: small;
	font-weight: 400;
	font-style: normal;
}
.auto-style6 {
	/*		aktive Seite Balken links dick und rot	*/
				border-left-style: solid;
	border-left-width: 2px;
	padding-left: 4px;
	border-left-color: #FF0000;
	margin-top: 2px;
}
.auto-style2 {
	color: #0068FF;   /* blau */
}
.auto-style3 {
	background-color: #fff;
	border-left: 2px solid #cd4b3c;
	color: #325f8c;
	font-weight: bold;
	padding-left: 3px;
    /*width: 0%;*/
}
.auto-style11 {
	margin-top: 0;
	text-indent: -2px;
	text-align: center;
}
.auto-style12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0,87em;
}
.auto-style13 {
	font-family: Calibri;
	padding-bottom: 0px;
	margin-top: 1px;
	margin-bottom: 0px;
}
.auto-style15 {
	margin-bottom: 1px;
}
/*.auto-style16 {
	font: 1em/80% serif;
	margin-bottom: -56px;
	margin-top: 0px;
	font-family: Calibri;
	color: #ff0000;
	font-size: 12px;
}
*/


.auto-style16 { /* 1. Überschrift */
	font: 1em/100% serif;
	margin-bottom: 5px;
	margin-top: 5px; /* Abstand von oben zur Box */
	font-family: Calibri;
	color: #ff0000;
	font-size: 12px;
	padding-bottom: 0px /* neu hinzugefügt 31.05.2020. gut muss aber noch bei den anderen überschriften angepasst werden, weil der Abstand zu groß wird aber für den abschnitt "und noch ein Objekt das" ist es sehr gut für den Abstand   */
}

.auto-style17 { /* 2.Überschrift */
	font: 1em/100% serif;
	margin-bottom: 5px;
	margin-top: 15px; /* Abstand vom letzten Menüpunkt (li) */
	font-family: Calibri;
	color: #ff0000;
	font-size: 12px;
	padding-bottom: 0px /* neu hinzugefügt 31.05.2020. gut muss aber noch bei den anderen überschriften angepasst werden, weil der Abstand zu groß wird aber für den abschnitt "und noch ein Objekt das" ist es sehr gut für den Abstand   */
}








/*  .auto-style16 {  voreinstellung am 01.06.2020 
	font: 1em/100% serif;
	margin-bottom: -6px;
	margin-top: 0px;
	font-family: Calibri;
	color: #ff0000;
	font-size: 12px;
	padding-bottom: 5px  neu hinzugefügt 31.05.2020. gut muss aber noch bei den anderen überschriften angepasst werden, weil der Abstand zu groß wird aber für den abschnitt "und noch ein Objekt das" ist es sehr gut für den Abstand   
}



/*b {
	background-color: gray;
	border-left-color: #FF00FF;
}
*/