/* Dokumenteigenschaften */
body {
        margin-top: 10px;
        margin-bottom: 0px;
        margin-left: 20px;
        margin-right: 4px;
}


/* Schriftarten und -größen für alle Lebenslagen... */
body, p, table, td, ul, ol, input, textarea {
        font-family: Arial, sans-serif;
        font-size: 10pt;
}
h1, h2, h3, th {
        font-family: Arial, sans-serif;
        text-align: left;
        color: rgb(24,65,102);
}
h1, h2, h3 {
        border-bottom: 1px dotted rgb(24,65,102);
}

h1 {font-size: 14pt;}
h2 {font-size: 12pt; margin-top: 10pt;}

h3, h4, h5, h6, th {font-size: 10pt;}

/* Formulare */
form {margin: 0; padding: 0;}
fieldset {margin-bottom: 10pt;}

/* Besondere Text-Auszeichnungen */
ins {
        display: block;
        text-decoration: none;
        color: rgb(24,65,102);
        font-style: italic;
        padding-left: 10pt;
        border-left: 1px solid rgb(24,65,102);
}

/* Absätze */
th p, td p {margin-top: 0px; margin-bottom: 0px;} /* Absätze in Tabellenzellen ohne extra Abstand nach oben und unten */

/* Links */
a {
        color: rgb(34,91,142);
        text-decoration: none;
}
a:hover, visited {
        color: rgb(220,135,30);
        text-decoration: underline;
}
a:hover img {border: 1px solid rgb(220,135,30);}

/* Für beschriftetes Bild die Unterstreichung ganz ausschalten, weil im Firefox nicht nur der Text, 
   sondern auch das Bild unter allen Umständen mit unterstrichen wird -
   separat ausschalten über "a:hover img" geht nicht! */
p.beschriftetesBild a:hover {text-decoration: none;}

/* Aussehen von als Link benutzen Bildern 
   Deaktiviert, da im Moment alle Bilder einen Rahmen haben */
/* a img {border: 0px;} */

/* Misc */
hr {
        height: 1px;
        border-top-style: dotted;
        border-bottom-style: none;
        border-left-style: none;
        border-right-style: none;
        border-color: rgb(116,141,163);
}

/* <small>-Tag, ".small"-Klasse */
small, .small  {font-size: 8pt;}


/* Tabellen */
 /* Globale Tabelleneigenschaften */
  th, td {vertical-align: top;}
  /* Tabellen mit zentriertem Inhalt */
  table.centered th, table.centered td {text-align:center;}
  /* Tabellen ohne Innen-Abstände */
  table.compressed tr, table.compressed td {padding: 0px;}
  /* Tabellen mit größeren Innen-Abständen */
  table.stressed th, table.stressed td {padding: 10px;}

 /* Teile von Tabellen */
  /* Spaltenüberschriften */
  th.header {font-weight: bold;}
  /* Inhaltliche Zusammenfassung einer Tabelle: */
  td.conclusion {border-top: 1px solid black; font-weight: bold; font-size:16px;}


/* Darstellung von Bildern */
 /* Bilderrahmen */
  /* Oldschool-Methode mittels <table>-Tag */
  table.bilderrahmen {border: 3px red dotted; padding: 0px;}
  table.bilderrahmen td {padding: 0px;}

  /* Modern mittels <p>-Tag */
  /* HTML-Struktur: <p class="beschriftetes Bild"><img ... /><br />Text zum Bild</p>
     ACHTUNG: Dokument muss folgendermaßen deklariert sein:
     <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     sonst funktioniert der Rahmen ums Bild nicht! Wichtig ist v.a. der URL zum DTD! */

  p.beschriftetesBild {text-align: center; font-style: italic; font-size: 80%; margin-top: 0px; margin-bottom: 10px;}
  p.beschriftetesBild img {margin-bottom: 0px;}
  img {border: 1px solid #000000; padding: 2px;}
  img.plain {border: 0px; padding:0px;}

  div.fliessbildLinks {float: left; margin: 10px 10px 10px 0px;}
  div.fliessbildRechts {float: right; margin: 10px 0px 10px 10px;}

/* Listenstile */
ul {margin-top: 0px; margin-bottom: 0px;}
ul li {margin-left: -25px;}
ol li {margin-left: -20px;}
ul.corrado {list-style-image:url(http://www.corrado.bk99.de/pix/minicorrado); }
/* ul.corrado li {margin-bottom: 5px; margin-left: 15px;} */


/* Zentrale sonstige Formate */
.slogan {text-align: center; font-family: 'Monotype Corsiva', 'Freestyle Script', 'Comic Sans MS', cursive; font-weight: bold; font-size: 140%;}
.error {color: red; font-weight: bold; font-style: italic;}
.help {font-style: italic; font-size: 80%}
.helppopup {border: 1px solid #000088; position: absolute; z-index: 100; background-color: white; padding: 10px;}
.gerahmt {border: 1px black dotted; border-color: rgb(116,141,163);}
.zentriert {text-align: center;}


/* Formate für Admin-Backend */
.adminEdit, table.adminEdit td, table.adminEdit td p, input.adminEditText,
 input.adminEditButton, input.adminEditSubmit, .adminEdit a {font-size:10px;}

table.adminEdit {border-collapse: separate; border-spacing:0px;}
table.adminEdit th, table.adminEdit td  {vertical-align:top; padding:5px; border: 1px dotted #777777;}
table.adminEdit tr.even {background-color:#eeeeee;}
table.adminEdit tr.odd {background-color:#cccccc;}
textarea.adminEdit {width:300px; height:50px; border: 1px solid red;}
input.adminEditText {width:100px; height:15px; border: 1px solid green;}
input.admitEditSubmit  {}
div.adminEdit {text-align:center; border: 1px solid yellow;}


/* WYSIWIG-Sachen... */
div.wysiwyg {width: 410px; height: 250px; border: 1px solid black; background-color: yellow;}