/* ACHTUNG! Hilfskommentare bitte stehen lassen. Screen.css Bearbeitet von Jeanette Haas  */

/* -- Allgemeines -- */
body {
  /* background-image:url(../pics/bg.jpg); background-attachment:fixed; */
  background: #909090;  /* hintergrund dateiweit */
  color: #000000; /* Textfarbe */
  margin: 0;
  padding: 0%; 
  min-width: 948px;  Bei weniger als 640px Breite soll ein Scrollbalken erscheinen.
  font-size: 100.01%; /* umgeht den Font-Size-Bug im Safari, älteren Operas und IE */
  font-family: arial;
}

a { color: #cc4646; font-weight:bold; text-decoration: none;}
a:visited { color: #990033;} 
a:hover { color: #ff0000; font-weight:bold;}
.skip { /* Da ein wichtiger Screenreader das display: none; auch für sich versteht und nichts vorließt obwohl das hier sich vor allem an Blinde richtet, muss man es so lösen dass man diesen Link außerhalb des Sichtfeldes bringt. Somit wird er trotzdem vorgelesen. */
  position: absolute;
  margin-left: -999px;
}

h1 { 
  font-size: 12pt;
  font-weight: bold;
  line-height: 14pt;
  padding: 0.2em 0 0.6em 2%;
  border-bottom: 1px dashed #E6E6FA; padding-bottom:3px;

}
h2, h3, h4 { font-weight: normal; font-size:12pt; }
h1, h2, h3, h4, h5, h6 { color: #990033; font-family: Arial; }

img { 
  boder:0;
  padding: 1px;
}
.fleft { /* Sachen, an denen der Text vorbeifließen soll, werden diese Klassen zugewiesen. */
  float: left;
  margin: 0 1em 0.2em 0; /* Man sollte einen schönen Abstand wählen, sonst kleben die Sachen so am Text. */
}
.fright {
  float: right;
  margin: 0 0 0.2em 1em;
  padding: 1px;
}

/* -- Layoutspezifisches -- */
#frames {
  width:850px;
  height:100%;
  min-height:1000px;
  border:0px;
}
#farbe {
  background-image:url(../pics/red-left.jpg);
  background-repeat:repeat-y;
  width:100%;
  padding: 0 0 0 0px; /* Umlauf-Abstände von main für alle Richtungen. */
  position:relative;
  top:0px;
  right:0px;
  z-index:1;
}
#nav-table{
  height:17px;
  margin-top:0px;
  margin-left:0px;
  z-index:3;
}
#container {
  width:850px;
  height:100%;
  margin-top:00px;
  border:0px;
}
#menu {
 font-size: 11pt;

}
#main {
  background-image:url(../pics/red-right.jpg);
  background-repeat:repeat-y;
  width:100%;
  height:930px;
  padding: 0 0 0 0px; /* Umlauf-Abstände von main für alle Richtungen. */
  position:relative;
  top:0px;
  left:0px;
  z-index:1;
}

#text {
  width:530px;
  font-size: 10pt;
  line-height: 13pt;
  position:relative;
  top:23px;
  left:287px;
  text-align: justify;
  padding: 10px 10px 10px 10px ;
  
}
#footer {
  font-size: 10pt; /* Textgröße */
  font-weight:bold;
  color:#ffffff;
  padding: 0 0 0 0px; /* Umlauf-Abstände von main für alle Richtungen. */
  line-height: 1.0em; /* Zur besseren Lesbarkeit erhöhen wir die Zeilenhöhe. */
  text-align: center;
}