/* in dieser Datei werden die Gestaltungselemente des Textfeldes festgelegt */

/* allgemein */
body {
  background: #ffffff; /* #e7f3f7 Hintergrundfarbe für Leute mit ausgeschalteten Bildern */
  margin: 0; /* Außenabstand des Bodytags */
  padding: 1%; /* Ein wenig Innenabstand */
  font-family: Arial, Helvetica; Verdana;
  scrollbar-base-color:#7AADE0;
  scrollbar-3dlight-color:#7AADE0;
  scrollbar-arrow-color:#6699cc;
  scrollbar-darkshadow-color:#7AADE0;
  scrollbar-face-color:#E9F4FF;
  scrollbar-highlight-color:#7AADE0;
  scrollbar-shadow-color:#7AADE0;
  scrollbar-track-color:#7AADE0;
}


/* die Überschriftenebenen */
h1, h2, h3 { 
  color: #15487B; /*#6699CC;*/
  letter-spacing: 2px;
  word-spacing: 0.3em;
  vertical-align: top;
  text-align: left;
  white-space: normal;	/* Zeilenumbruch */
  margin: 0;  /* Außenabstand */
}

h1 {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 22px;
  padding: 25px 3px 5px 5px; /* Innenabstand oben rechts unten links */
}

h2 {
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  padding: 15px 3px 0px 5px; /* Innenabstand oben rechts unten links */

}

h3 {
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
  text-decoration: none; /*underline;*/
  padding: 12px 3px 0px 5px; /* Innenabstand oben rechts unten links */

}

/* die Textebene */
p, ul
{
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 19px;
  text-align: left;
  white-space:normal;	/* Zeilenumbruch */
  padding: 0px 3px 3px 5px; /* Innenabstand oben rechts unten links */
}

ul {
  list-style-type: circle; /* welches Anführungszeichen */
  list-style-position: outside; /* ob das Anführungszeichen vor dem Textblock steht */
  margin-left: 13px; 
}

/* Tabellen */
table {
  table-layout: fixed;	/* die Breitenangabe der Spalten geht vor die Textgröße */
  border-collapse: collapse;
  font-size: 14px;
  line-height: 19px;
  margin: 15px 5px 5px 5px;
}

tr {
  border-bottom-width: thin;
  border-bottom-style: solid;  
  border-bottom-color: #666666;  
}

td {
  padding: 5px 5px 5px 5px; /* Innenabstand oben rechts unten links */
}

caption {	/* Tabellenbeschriftung */
  caption-side:bottom;	/* unterder Tabelle mit der Quellenangabe */
}

.mitte {
  text-align: center;
}

/* längerer Textblock */
.block {
  text-indent:1em; /* Einrücken der ersten Zeile eines Absatzes */
  text-align: justify;
}

/* wenn Text farblich hervorgehoben werden soll */
.hervor {
  background-color: #e7f3f7;
}

/* keine Gliederungsebene, aber dick als Überschrift */
.h4 {
  font-weight: bold;
}

/* Infotext unter Zwischenüberschriften */
.h5 {
  font-style: italic;
}



/* Sachen, an denen der Text vorbeifließen soll, wierden diese Klassen zugewiesen. */
.fleft {   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;
}


/* Bilder */
img { /* Alle Bilder bekommen einen schönen Rahmen. */
  border: solid 1px;
  padding: 10px;
  max-width: 560px; 
  max-heigth: 560px; 
  text-align: center;
  margin: 50px 0 10px 0;
}

.ikon {
  border: none;
  text-align: center;
  vertical-align: middle;
  margin: 0 0 0 0;
  padding: 0;
  max-width: 30px; 
  max-heigth: 30px; 
}

.bild {
  text-align: center;
  font-weight: bold;
  font-style: italic;
  line-height: 25px;
  font-size: 20px;
}

/* die Trennlinien */
hr {
  border-color: #cccccc; 
  width: 80%;
  text-align: center;
  /*height:0,5px;*/
  border-style: dashed ;
  border-width: thin;
}

/* Links */
a {text-decoration: none; color:#000000;}
a:hover{text-decoration: underline;}	/* Info bei on mouse over */