
/* Beispiele zum Zugriff auf die Farben */
/*  */
/*  */

/* Gesamthintergrund */
body
{
  color: Black; 
  background-color: White;    
}

#bodyImageOld {
  border-collapse: collapse;
  background: url(Hintergrund1.jpg);  
  background-size: cover;
  background-position: left bottom;
}

#bodyImage {
  border-collapse: collapse;
  background: url(Hintergrund1.jpg);
  background-size: 100% 100%;
  background-size: cover;
  background-position: left bottom;
}

#cornerImage {
  border-collapse: collapse;
  background: url(Pix/Bild19.jpg);
  background-size: 100% 100%;
  background-size: cover;
  background-position: left bottom;
}


/* Navigator */
nav,                     
nav ul,
nav li {          
  list-style: none; 
  margin: 0; 
  padding: 0;
  border: 0;
}
nav ul {
  width: 11em;
  padding: 0.4em;
  padding-top: 2.4em;
  padding-bottom: 1.6em;
  /* <!-- border: 1px solid black; --> */
  /* <!-- background-color: silver; --> */
}
nav li {
  margin: 0.2em; 
  padding: 0.2em;
  text-align: center;
  /* <!-- border: 1px solid gray; --> */
  /* <!-- background-color: #eee; --> */
}
nav a {
  text-decoration: none; 
  font-weight: bold;
  color: Black;  
}
nav a:focus,
nav a:hover,
nav a:active {    
  color: DarkGreen;  
}

/* Weisser Rand */
.whiteBorder {
  background-color: hsla( 120, 100%, 100%, 0.8 );
  width: 20px;
}

/* dunkler Rand */
.border {
  background-color: hsla( 120, 100%, 20%, 0.9 );
  width: 20px;
}

/* dunkler Rand für den Homepage-Title */ 
.titleborder {
  background-color: hsla( 120, 100%, 20%, 0.9 );    
}

/* Homepage-Title */
.title {
  color: Black;
  background-color: hsla( 120, 93%, 79%, 0.3 );
  text-align: center;
  padding-left: 16px;
  padding-right: 16px;
}

/* Laufschrift */
.ticker {
  color: white; 
  background-color: hsla( 120, 100%, 20%, 0.9 );
}

/* Since 2015 */
.corner {        
  color: hsla( 120, 93%, 79%, 0.3 );
  background-color: hsla( 120, 93%, 79%, 0.3 );
  text-align: center;
  vertical-align: center;
  padding-left: 16px;
  padding-right: 16px;
  width: 20px;
}

/* Navigation */
.menue {
  color: Black;
  background-color: hsla( 120, 93%, 79%, 0.3 );
  text-align: left;
  vertical-align: top;        
  width: 20px;
}

/* Seiteninhalt */
.main {        
  color: Black;
  background-color: hsla( 120, 100%, 100%, 0.3 );
  text-align: left;
  vertical-align: top;
  padding: 16px;        
  /* background-image: url(Hintergrund1.jpg); */
}

/* alternierende Tabellen */
tr:nth-child(even) {
  color: Black;
  background-color: hsla( 120, 93%, 79%, 0.3 );
  /* background-color: WhiteSmoke; */
}

ttr:nth-child(odd) {
  color: Black;
  background-color: hsla( 120, 93%, 79%, 0.3 );
  /* background-color: WhiteSmoke; */
}

/* Datum in Tabellen */
.tddate {
  width: 4em;
  height: 2em;
  vertical-align: top;
  padding-left: 2em;        
}

/* Text in Tabellen */
.tdtext {
  min-width: 60%;
  height: 2em;
  vertical-align: top;
  padding-left: 2em;        
}

/* Quelle in Tabellen */
.tdsource {
  font-size: 12px;
  width: 10em;
  height: 2em;
  vertical-align: top;
  padding-left: 2em;        
}

/* Link in Tabellen */
.tdlink {
  font-size: 12px;
  width: 40%;
  height: 2em;
  vertical-align: top;
  padding-left: 2em;        
}

article h3 {    
  vertical-align: top;
}