/* Alle CSS-Regeln ausser der IE-bezogenen Regeln sind in dieser Datei,
die für alle XHTML-Dateien gilt. Alle Farben sind browsersicher. */

body{
  color: black;
  background-color: #ffc;
  font-family: arial, helvetica, sans-serif;
  font-size: 100%}

div#kopf{
  background-color: #ccf;
  height: 88px}

div#logo{
  position: absolute;
  top: 22px;
  left: 22px}

div#kopfzeile1{
  font-size: 150%;
  font-weight: bold;
  position: absolute;
  top: 20px;
  margin-left: 80px}

div#kopfzeile2{
  overflow: hidden; /* wegen eines Bugs in IE7 mit dem horizontalen Rollbalken */
  font-style: italic;
  font-size: 90%;
  position: absolute;
  top: 60px;
  margin-left: 80px}

div#mitte{border-left: 310px solid #ffc}

div#links{
  float: left;
  position: relative; /* nötig für IE6 */
  display: inline; /* nötig für IE6 */
  width: 307px;
  margin-left: -307px}

div#ueberschrift1{
  font-size: 150%;
  font-weight: bold}

div.ueberschrift2{font-weight: bold}

div#eingerueckt{margin-left: 30px}

div#links a{
  font-size: 90%;
  font-weight: bold}

a:link, a:visited, a:hover{color: #30c}

a:link   {text-decoration: none}
a:visited{text-decoration: none}
a:hover  {text-decoration: underline}

a.inaktiv{
  color: #999;
  text-decoration: none}

div#bildrechts{
  float: right;
  margin-top: 3px;
  padding-left: 20px; /* "padding" statt "margin" benutzen wegen eines Bugs in IE6 */
  margin-bottom: 15px}

/* Regeln für "diashow.htm" */

div#diashow{visibility: hidden}

img#bild{border: 1px solid black} 

input#button1, 
input#button2{
  position: absolute;
  top: 570px;
  width: 50px}

input#button1{left: 484px}

input#button2{left: 674px}

div#diafortschritt{
  position: absolute;
  top: 573px}
  
div#dialegende{
  position: absolute;
  margin-left: 100px; 
  top: 611px;
  width: 368px;
  text-align: center}
 
/* Regel für "karte.htm" */

div#karte{
  position: absolute;
  top: 128px}