/*==============================================*/
/* CSS-Vorlagendatei für Test onclick-Links     */
/* Copyright 2007 Gösta Thomas                  */
/*==============================================*/

/*----------------------------------------------*/
/* body                                         */
/*----------------------------------------------*/
body {
  color: navy; background-color: #FAFFFF;
  font-size: 100.01%;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  margin: 0; padding: 0;
  min-width: 41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

html {
  padding: 0;
}

body {
  margin: 0; padding: 0;
}

/* body: verschiedene Textauszeichnungen: */
.marker1  {background-color:#CAFFF0;}     /* Marker hellgrün */
.marker2  {background-color:#FFFF99;}     /* Marker gelb     */
.marker3  {background-color:#DDEEFF;}     /* Marker hellblau */

/*----------------------------------------------*/
/* kopfzeile-symi-faehre div                    */
/*----------------------------------------------*/
#kopfzeile-symi-faehre {
  height: 16%;
  background: silver url(../sonst/b-symi-faehre-01800.jpg) no-repeat center;
  margin: 0.0em; padding: 0.0em;
}
#kopfzeile-symi-faehre img {
  float:left;
  width:7.2em; height:5.6em;
  margin:0.40em 0 0 18px;
}
#kopfzeile-symi-faehre h1 {
  font-size: 2.6em; color:#FFFF00;  /* gelb */
  text-align: right; margin: 0.0em; padding: 1.0em 0 0 0;
  white-space:nowrap; line-height: 1.5em;
}

/*----------------------------------------------*/
/* inhalt Bereich div                           */
/*----------------------------------------------*/
#inhalt {
  clear:left;
  margin: 1.80em 0.8em 1em 16.8em;     /* margin-left minus 2 em ergibt width von fixiert (Navi) */
  padding: 0 1em 0 1em;
  /* border: 1px dashed silver;        /* für Testzwecke sinnvoll */
}

* #inhalt {
  /* background-color: #FFFFFF; */  /* versteckt vor Netscape 4 */
}

/* Workaround gegen den 3-Pixel-Bug des Internet Explorer bis Version 6 */
/*
* html #Inhalt {
  height: 1em;
}
*/

/* Überschriften: */
#inhalt h2 {
  font-size: 1.8em;
  margin: 0.4em 0em 1em 0em;
  color: navy;
  border-bottom: 1px solid navy;
  /*background-color: #CAFFF0; */
}
#inhalt h2.mittig {
  text-align: center;
  font-size: 1.8em;
  margin: 0.4em 0em 1em 0em;
  color: navy;
  border-bottom: 1px solid navy;
  /*background-color: #CAFFF0; */
}
#inhalt h3 {
  font-size: 1.2em;
  margin: 1.3em 0em 0.4em 0em;
  color: navy;
}

/* Absätze: */
#inhalt p {
  font-size: 0.8em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  margin: 1em 0;
}
#inhalt p.einrueck {margin-left: 2.0em;}
#inhalt p.ausricht {text-align: justify;}
#inhalt ul.einrueck {margin-left: 2.8em;}

#inhalt li {
  font-size: 0.8em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  margin: 0.8em 0;
}

/* Links: */
#inhalt a {
  /* display: block; */
  font-weight: bold;
}
#inhalt a:link {
  color: navy; background-color: #FAFFFF;
}
#inhalt a:visited {
  color: #00CCCC; /* background-color: #CAFFF0; */ /* color-alt #006699 */
}
#inhalt a:focus {
  color: navy; background-color: #FFFF99;
}
#inhalt a:hover {
  color: navy; background-color: #FFFF99;
}
#inhalt a:active {
  color: #FF0000; background-color: #FFFF99;
}

/* verschiedene Textauszeichnungen: */
#inhalt tt {color:#FF0000; font-size: 120%; }  /* Code in Courier rot */
#inhalt q  {font-style:italic;}                /* Zitate kursiv       */
           /* IE 6: Zitate werden ohne Anführungszeichen angezeigt */
           /* IE 6: Zitate mit Kursivschrift: waagerechte Bildlaufleiste wird angezeigt */

/* nach-oben-Link: */
#nach-oben {
  text-align: center;
  margin: 2.4em 0 0.8em 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.8em;
}
#nach-oben img {
  width: 10px; height: 10px;
}

/* Blättern in Einzelbild-Seiten: */
#blaettern-e {
  text-align: center;
  margin: 2.3em 0 0.8em 0;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.7em;
  line-height: 1.3em;
  padding: 0.3em;
  background-color: #99FFEE;
  /* border: 1px dashed silver;        /* für Testzwecke sinnvoll */
}
#blaettern-e div.links {
  float:left; text-align:left; margin: 0 0 0 0; width: 18.0em;
}
#blaettern-e div.rechts {
  float:right; text-align:right; margin: 0 0 0 0; width: 18.0em;
}
#blaettern-e div.mittig {
  text-align:center; margin: 0 auto 0 auto; width: 18.0em; white-space:nowrap;
}
#blaettern-e img {
  width: 10px; height: 10px;
}
#blaettern-e div.link a {
  /* display: block; */
  /* font-weight: bold; */
}
#blaettern-e div.link a:link {
  color: navy;
  background-color: #99FFEE;
}
#blaettern-e div.link a:visited {
  color: #006699;
  /* background-color: #CAFFF0; */
}
#blaettern-e div.link a:focus {
  color: navy;
  background-color: #FFFF99;
}
#blaettern-e div.link a:hover {
  color: navy;
  background-color: #FFFF99;
}
#blaettern-e div.link a:active {
  color: #FF0000;
  /* background-color: #FFFF99; */
}

/*----------------------------------------------*/
/* fixiert div / navigation ul                  */
/*----------------------------------------------*/
#fixiert {
  position: absolute;
  top: 8.35em; left: 0.75em;
  width: 14.8em;                       /* width plus 2 em ergibt margin-left von #inhalt */
  /* background-color: white; */
  /* border: 1px dashed silver;        /* für Testzwecke sinnvoll */
  /* border: 1px solid #00FFDD; */
}
/* für Fixierung: */
html>body #fixiert {
  position: fixed;
}
#fixiert div {
  margin-top:14px; text-align:center;
}
#fixiert div img {
  border-style:none;
}
#fixiert p {
  font-size: 0.6em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  margin: 1.6em 0 0 0;
}

#navigation {
  font-size: 0.75em;
  margin: 0 0 0 0; padding: 0;
}
#navigation li {
  list-style: none;
  margin: 0;
  padding: 0.20em;                  /* zur Regelung des Abstands */
}
#navigation li a {
  display: block;
  padding: 0.10em;                  /* zur Regelung des Abstands (zuvor 0.15em) */
  font-weight: bold;
  text-decoration:none;
}
#navigation li a:link {
  color: navy; background-color: #99FFEE;
}
#navigation li a:visited {
  color: #006699; background-color: #CAFFF0;
}
#navigation li a:focus {
  color: navy; background-color: #FFFF99;
}
#navigation li a:hover {
  color: navy; background-color: #FFFF99;
}
#navigation li a:active {
  color: #FF0000; background-color: #FFFF99;
}

/* Einzellinks im fixiert-Bereich: */
#fixiert a.einzellink {
  font-weight: bold;
}
#fixiert a:link.einzellink {
  color: navy; background-color: #FAFFFF;
}
#fixiert a:visited.einzellink {
  color: #00CCCC;
}
#fixiert a:focus.einzellink {
  color: navy; background-color: #FFFF99;
}
#fixiert a:hover.einzellink {
  color: navy; background-color: #FFFF99;
}
#fixiert a:active.einzellink {
  color: #FF0000; background-color: #FFFF99;
}

/*----------------------------------------------*/
/* fusszeile div                                */
/*----------------------------------------------*/
#fusszeile {
  /* clear: ...; /* nur erforderlich, wenn vorige(r) Bereich(e) float */
  text-align:center;
  font-size: 0.6em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  line-height: 1.3em;
  margin: 3.0em 1.4em 1.4em 28.3em;
  padding: 0.3em;
  background-color: #99FFEE;
  /* border: 1px dashed silver;        /* für Testzwecke sinnvoll */
}
#fusszeile a {
  /* display: block; */
  /* font-weight: bold; */
}
#fusszeile a:link {
  color: navy;
  /* background-color: #FAFFFF; */
}
#fusszeile a:visited {
  color: #006699;
  /* background-color: #CAFFF0; */
}
#fusszeile a:focus {
  color: navy;
  background-color: #FFFF99;
}
#fusszeile a:hover {
  color: navy;
  background-color: #FFFF99;
}
#fusszeile a:active {
  color: #FF0000;
  /* background-color: #FFFF99; */
}
/* für 3-"spaltige" Fußzeile: */
#fusszeile p.links {
  float:left; text-align:left; margin: 0 0 0 0; width: 20.0em;
}
#fusszeile p.rechts {
  float:right; text-align:right; margin: 0 0 0 0; width: 20.0em;
}
#fusszeile p.mittig {
  text-align:center; margin: 0 auto 0 auto; width: 10.0em;
}

/* Ende der Vorlage */