/* DATEI: screen.css */
/* Standard-CSS fuer Bildschirmanzeige (screen und projection) */

html { margin:0; border:0 none; padding:0; height:100%; }
body { color:#FFFFFF; background-color:#3630EA;
       margin:0; border:0 none; padding:0;
       font-family:arial, helvetica, sans-serif;
       font-size:100%;
       text-align:left;    /* fuer lokale Bearbeitung */
       height:100%;
      }

a:link    { color:#FFFF99; background-color:#3630EA; text-decoration:underline; }
a:visited { color:#FFFF99; background-color:#3630EA; text-decoration:underline; }
a:hover, a:focus   { color:#FFFFFF; background-color:#000066; text-decoration:none; }
a:active  { color:#FFFF99; background-color:#3630EA; text-decoration:underline; }

a img,  a img.ohnerahmen { border:0 none; text-decoration:none; }

/* Ausrichtung: */

table.layouttab td.inhalt, .inhalt
  { text-align:left; }

.inhalt ul, .inhalt ol
  { text-align:left; }

.fliesstext p, p.fliesstext
  { text-align:justify; max-width:650px;
    /* margin-left:auto; margin-right:auto; */ }

/* Ueberschriften h1 bis h6 */

h1     { font-size:180%; font-weight:bold; font-style:normal;  margin-top:0; }
h2     { font-size:130%; font-weight:bold; font-style:normal; }
h3     { font-size:110%; font-weight:bold; font-style:normal; }
h4     { font-size:100%; font-weight:bold; font-style:italic; }
h5, h6 { font-size:100%; font-weight:bold; font-style:normal; }

/* Ueberschriften: fett, Schriftgroessen relativ zur Standardschrift */

h1,hr,p.putzer,*.putzer
   { clear:both; }

/* Tabellen */
/* Nur Tabellen mit einer expliziten Klassen-Angabe sollen mit
   CSS formatiert werden.
   Bei den restlichen Tabellen sollen die HTML-Attribute wirken. */

/* Blinde Tabelle fuer normale Inhalte sowie Daten */

table.blindtab, table.blinddatentab, table.contenttable
 { border:0 none; /* width:auto; margin-left:auto; margin-right:auto; */ }

.blindtab td, .blindtab th /* zentriert */
  {
    text-align:left; vertical-align:top;
    border:0 none; padding:3px;
  }

table.contenttable td, table.contenttable th,
.blinddatentab td, .blinddatentab th /* linksbuendig */
  {
    text-align:left; vertical-align:top;
    border:0 none; padding:0 6px 6px 0;
  }

table.contenttable tbody p { margin:0; }

/* "Nahtlose" Tabelle ohne Rahmen und Innenabstaende,
   z.B. zum Zusammenbasteln von Bild-Bruchstuecken. */

table.nahtlos
 { border:0 none; border-collapse:collapse; border-spacing:0; /* width:auto; */ }

.nahtlos td, .nahtlos th
  { text-align:left; vertical-align:top; border:0 none; padding:0; }

.nahtlos td img { display:block; vertical-align:bottom; }

/* Spezielle Klassen fuer Tabellen, die einen Rahmen haben sollen: */
table.mitrand, table.mitrand2
 {
    border-collapse:collapse;
    border-spacing:0;
    border:#989898 solid 2px;
 }

table.mitrand3
 {
    border-collapse:separate;
    border-spacing:1px;
    border:solid 4px;
    border-color:#FFFFFF #808080 #808080 #FFFFFF;
 }


table.mitrand th, table.mitrand2 th, table.mitrand3 th, table.obenlinks th
 {
    font-weight:bold;
    text-align:left; vertical-align:top;
 }

table.mitrand td, table.mitrand2 td, table.mitrand3 td, table.obenlinks td
 {
    font-weight:normal;
    text-align:left; vertical-align:top;
 }

table.mitrand th, table.mitrand td,
table.mitrand2 th, table.mitrand2 td
   { border:#989898 solid 1px; }

table.mitrand3 th, table.mitrand3 td
   { border:solid 1px; border-color:#808080 #FFFFFF #FFFFFF #808080; }

table.mitrand td, table.mitrand th   { padding:3px; }
table.mitrand2 td, table.mitrand2 th { padding:8px; }
table.mitrand3 td, table.mitrand3 th   { padding:3px; }


/* Tabelle fuer Thumbnails - zentriert */

table.thumbs { border:0 none; }
.thumbs td   { border:0 none; padding:0 20px 20px 20px;  width:110px;
               text-align:center; vertical-align:top; font-size:0.9em; }
.thumbs th   { padding:1em 3px 3px 3px; text-align:center; font-size:1.2em; }
/* .thumbs img  { border:2px solid #0068FF; } */


/* Tabelle fuer Bilder - mit Rahmen */

table.bilder1
  {
    margin:10px 0 30px 0; border-spacing:3px;
    border:1px solid #999999;
  }

table.bilder1 td
 { border:1px solid #999999; padding:8px; }

/* Tabelle mit Mix von Bildern und Text - linksbuendig oben, aber Abstaende. */
table.mixed td { padding:0 10px 10px 0; text-align:left; vertical-align:top; }

table.mixed2 td { padding:0 10px 20px 10px; text-align:left; vertical-align:top; }

/* Tabelle fuer Bilder - ohne Rahmen */

table.bilder2
  { margin:10px 0 30px 0; border:0 none; }

table.bilder2 td
 { border:0 none; padding:4px; }

/* Tabelle bzw. DIV fuer Bilder mit anschliessender Legende */

table.bilderweisheit p   { margin-top:0.5em; margin-bottom:2em; }
div.bilderweisheit p     { margin-top:0.5em; margin-bottom:2em; }
div.bilderweisheit p img { margin-bottom:0.6em; }


/* Allgemeine Dinge fuer Tabellen */

td.chf /* fuer Betraege u.s.w.: Schreibmaschinenschrift, rechtsbuendig */
 { text-align:right; vertical-align:top; font-family:"courier new",courier,monospace; }

caption /* "Ueberschrift" zu einer Tabelle: Soll zentriert darueber stehen */
  { caption-side:top; font-weight:bold; width:auto; height:auto;
       /* margin-left:auto; margin-right:auto; */ text-align:center; }

/* Textbloecke in Tabellen: Oben buendig */

table.blinddatentab h2, table.mitrand h2, table.mixed h2
 { margin-top:0; }

/* Definitionslisten: */

dl { text-align:left; }
dt { font-weight:bold; font-style:normal; text-align:left; }
dd { font-weight:normal; font-style:normal; text-align:left;
     padding-bottom:0.7em; }

/* =============================================== */
/* Schrift- und Farbangaben fuer Hervorhebungen   : */
/* =============================================== */

/* HTML-eigene Hervorhebungen und Markup: */
pre,tt,code { font-family:"courier new",courier,monospace; }
b { font-weight:bold; }
i { font-style:italic; }
u { text-decoration:underline; }
s { text-decoration:line-through; }
em     { font-style:italic; font-weight:normal; }
strong { font-style:normal; font-weight:bold; }

/* Selbst definierte Klassen: */
.groesser { font-size:1.1em;}
.kleiner  { font-size:0.9em; }

.kapitaelchen { font-variant:small-caps; }
.therapie { font-style:italic; }

/* =============================================== */
/* Schrift- und Farbangaben fuer einzelne Bereiche: */
/* =============================================== */

/* Layout-Tabelle: */
table.layouttab { width:100%; height:100%;
                  margin:0;
                  border:0 none; border-spacing:0; border-collapse:collapse;
                  padding:0; }

table.layouttab td.inhalt
  { padding:1em 2em 0 2em; border:0 none;
    width:80%; /* notwendig fuer MS IE 6, damit die Spalte auch breit wird,
                  wenn sie sehr wenig, d.h. schmalen, Inhalt hat. */
    color:#000000; background:#ffffff url("/fileadmin/user_upload/deko/ecke_ol.gif") no-repeat top left;
    }

table.layouttab td.inhalt a:link
  { color:#000099; background-color:#ffffff; text-decoration:underline; }
table.layouttab td.inhalt a:visited
  { color:#000099; background-color:#ffffff; text-decoration:underline; }
table.layouttab td.inhalt a:hover,
table.layouttab td.inhalt a:focus
  { color:#000099; background-color:#dfd2fb; text-decoration:none; }
table.layouttab td.inhalt a:active
  { color:#000099; background-color:#ffffff; text-decoration:underline; }

td.unterinhalt
  { border:0 none; padding:0; height:25px;
    color:#000000; background:#ffffff url("/fileadmin/user_upload/deko/ecke_ul.gif") no-repeat bottom left;
    }


/* Kopfzeile mit Logo:  */

tr.kopfzeile
  {
    border:0 none;
  }

tr.kopfzeile td, tr.kopfzeile *
  { color:#FFFFFF; background-color:#3630EA; }

tr.kopfzeile td
  { border:0 none;
    padding:0;
    text-align:left; vertical-align:top;
  }

tr.kopfzeile a:link, tr.kopfzeile a:visited,
tr.kopfzeile a:link span, tr.kopfzeile a:visited span
   { color:#000099; background-color:#3630EA; text-decoration:none; }

tr.kopfzeile a:hover, tr.kopfzeile a:focus,
tr.kopfzeile a:hover span, tr.kopfzeile a:focus span
   { color:#CC0033; background-color:#3630EA; text-decoration:none; }

tr.kopfzeile a:active, tr.kopfzeile a:active span
   { color:#000099; background-color:#3630EA; text-decoration:none; }

p.logo1 a#top:link, p.logo1 a#top:visited,
p.logo1 a#top:hover, p.logo1 a#top:focus,
p.logo1 a#top:active, p.logo1 a#top img
 { color:#FFFFFF; background-color:#3630EA; }


.navbar p.logo1 { text-align:left; margin:0; padding:0 6px 0 8px; }
.navbar p.logo1 a, .navbar p.logo1 a:link, .navbar p.logo1 a:visited
{ text-align:left; display:block; }



logo2 { display:none; }

.navbar p a:link, .navbar p a:visited
 {
   text-align:center;
   text-decoration:none; padding:0px 0px;
   color:#003399; background-color:#3630EA; text-decoration:none;
   border:0 none;
 }

.navbar p a:hover, .navbar p a:focus, .navbar p a:active
 { text-decoration:none; padding:0px 0px;
   color:#003399; background-color:#DDDDFF; text-decoration:none;
   border:0 none;
 }

/* Fusszeile: */

tr.fusszeile
  {
    border:0 none;
  }

/*
tr.fusszeile td, tr.fusszeile *
  { color:#FFFFFF; background-color:#3630EA; }
*/

tr.fusszeile td
  { border:0 none;
    padding:0 0.5em 0.5em 1em;
    text-align:left; vertical-align:top;
  }

tr.fusszeile td p
  {
    font-size:0.85em;
    margin:2px 0; border:0; padding:0;
  }

/*
tr.fusszeile a:link    { color:#3300CC; background-color:#3630EA; text-decoration:underline; }
tr.fusszeile a:visited { color:#660099; background-color:#3630EA; text-decoration:underline; }
tr.fusszeile a:hover, tr.fusszeile a:focus
                        { color:#FFFFFF; background-color:#000000; text-decoration:none; }
tr.fusszeile a:active  { color:#660099; background-color:#3630EA; text-decoration:underline; }
*/


/* Angaben zum Navigations-Bereich */

td.navbar
  {
    margin:0; padding:0 0 0 0;
    border:0 none;
    text-align:left;
    /* color:#FFFFFF; background-color:#3630EA; */
    width:220px;
    /* border-bottom:1px solid #3630EA; */ /* wegen MS IE */
  }

.navbar p
 { margin:0 3px 3px 3px;
   border:1px solid #3630EA;
   padding:0px;
   text-align:center;
   /* color:#FFFFFF; background-color:#3630EA; */
   font-size:1em; font-weight:bold;
 }

.navbar p.homeplatzhalter { height:165px; }

/* Suchformular mit Eingabefeld und "Suchen"-Button: */
.navbar form p { margin-top:1em; }

/* Navigations-UL:  */
.navbar ul
 { list-style-type:none;
   margin:0 0 3px 9px;
   border:1px solid #3630EA;
   padding:0px;
   width:220px;
   color:#FFFFFF; background-color:#3630EA;
   font-size:16px; font-weight:bold;
 }

.navbar ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   border:0 none;
   width:100%;
   font-size:13px; font-weight:normal;
   color:#FFFFFF; background-color:#3630EA;
   background-image:none;
 }

.navbar ul li ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   font-weight:normal;
   color:#FFFFFF; background-color:#3630EA;
 }

.navbar ul li
 { color:#FFFFFF; background-color:#3630EA;
   margin:0; padding:0;
   border:1px solid #3630EA;
  }

.navbar ul li ul li
 { color:#FFFFFF; background-color:#3630EA; margin:0;
   padding:0 0 0 0px;
   border:1px solid #3630EA;
 }


.navbar ul li ul li ul li
 { color:#FFFFFF; background-color:#3630EA;
   margin:0;
   padding:0 0 0 0px;
   border:1px solid #3630EA;
 }

/* 1. Ebene: */


.navbar ul li
  {
   padding:9px 9px 9px 9px;
   background: #3630EA url("/fileadmin/user_upload/deko/button02a_200x40.gif") no-repeat;
  }

.navbar ul a, .navbar ul span
 {
   display:block;
   width:175px; height:20px;
   margin:0; padding:0;
   text-decoration:none;
   text-align:center;
   color:#000000;
   background-color:#c7c944;
 }

/*
.navbar ul li.gerade a, .navbar ul li.gerade span
 {
   background: #3630EA url("/fileadmin/user_upload/deko/button02c_200x40.gif") no-repeat;
 }
*/

.navbar ul a:link, .navbar ul a:visited, .navbar ul a:active
 {
   text-decoration:none; display:block;
   color:#000000; background-color:#c7c944;
   border:1px solid #c7c945; /* fuer MS IE */
 }

.navbar ul a:hover, .navbar ul a:focus
 { text-decoration:none; display:block;
   color:#666666; background-color:#c7c944;
   border:1px solid #c7c945;
 }

.navbar ul li span
 { text-decoration:none; display:block;
   color:#FFFFFF; background-color:#c7c944;
   border:1px solid #c7c945;
 }

/* 2. und weitere Ebenen: */

.navbar ul li ul
  { margin:10px 0 0 0; border:0 none; }

.navbar ul li ul li
  {
   margin:0; padding:0;
   background:#3630EA url("/fileadmin/user_upload/deko/bullet01_12x12.gif") no-repeat left center;
  }

.navbar ul li ul a, .navbar ul li ul span,
.navbar ul li.gerade ul a, .navbar ul li.gerade ul span
 {
   text-decoration:none;
   display:block; width:160px; height:auto;
   text-align:left;
   border:0 none; border-bottom:1px solid #FFCC00;
   margin:0 0 0 10px; padding:1px 3px 1px 6px;
   color:#ffffff;
   background-color:#3630EA;
 }

.navbar ul li ul a:link, .navbar ul li ul a:visited, .navbar ul li ul a:active
 {
   text-decoration:none; display:block;
   border:0 none; border-bottom:1px solid #3630EA;
   color:#ffffff; background-color:#3630EA;
 }

.navbar ul li ul a:hover, .navbar ul li ul a:focus
 {
   text-decoration:none; display:block;
   color:#FFFF98; background-color:#0033CC;
   border:0 none; border-bottom:1px solid #3630EA;
 }

.navbar ul li ul li span, .navbar ul li.gerade ul li span
 {
   text-decoration:none; display:block;
   color:#999999; background-color:#3630EA;
   border:0 none; border-bottom:1px solid #3630EA;
   background-color:#3630EA;
 }


/* 3. Ebene: */
.navbar ul li ul li ul a:link, .navbar ul li ul li ul a:visited,
.navbar ul li ul li ul a:hover, .navbar ul li ul li ul a:focus, .navbar ul li ul li ul a:active,
.navbar ul li ul li ul li span
{ padding:0px 0px 0px 24px; }


/* 4. Ebene: */
.navbar ul li ul li ul li ul a:link, .navbar ul li ul li ul li ul a:visited,
.navbar ul li ul li ul li ul a:hover, .navbar ul li ul li ul li ul a:focus, .navbar ul li ul li ul li ul a:active,
.navbar ul li ul li ul li ul li span
{ padding:0px 0px 0px 32px; }


/* 5. Ebene (!): */
.navbar ul li ul li ul li ul li ul a:link, .navbar ul li ul li ul li ul li ul a:visited,
.navbar ul li ul li ul li ul li ul a:hover, .navbar ul li ul li ul li ul li ul a:focus, .navbar ul li ul li ul li ul li ul a:active,
.navbar ul li ul li ul li ul li ul li span
{ padding:0px 0px 0px 40px; }

.navbar ul li.aktiv span.noshow
 { display:none; }


/* Angaben zum Inhaltsbereich: */

img.portraet
  { float:left; margin:0 20px 10px 0; }

ul, ol, dl { text-align:left; }

ul.sitemap li, ul.minisitemap2 li
  { padding-top:1em; font-weight:bold; }
ul.sitemap li li, ul.minisitemap2 li li
  { padding-top:0.1em; font-weight:normal; }

ul.minisitemap, ul.minisitemap2, ul.csc-menu
  { margin:1em auto 1em 0; text-align:left; padding:0 2em; }

ul.minisitemap li, ul.csc-menu li,
ul.locker li, ol.locker li { padding-top:0.5em; }

ul.schmal, ol.schmal { width:15em; margin:1em auto 1em auto; text-align:left; padding:0 2em; }
dl.schmal { width:15em; margin:1em auto 1em auto; text-align:left; }

.zentriert, table.zentriert td, table tr td.zentriert
  { text-align:center; }

.linksbuendig, table.linksbuendig td, table tr td.linksbuendig
  { text-align:left; }

div.linksbuendig table
  { text-align:left; margin-left:0; }

address        { font-size:0.85em; font-style:normal; font-weight:normal; }
address strong { font-style:normal; font-weight:bold; }
address.home   { font-size:1em; margin:3em 0 1em 0; }

hr { height:3px; color:#99CCFF; background-color:#99CCEF;
     border: 1px solid #CCEEFF;
     text-align:center; /* margin-left:auto; margin-right:auto; */ }
/* Horizontale Trennlinie */
/* Mozilla und Opera nehmen background-color, MSIE nimmt color als Farbe der Trennlinie */
/* Height ist bei Mozilla und MS IE die totale Hoehe (inkl. border)
   bei Opera nur die Hoehe des "Contents" */

.zitat { color:#FFFF00; background-color:#3630EA; }

.schlank { font-weight:normal; }

.toplink, .toplinkende { font-size:0.9em; }
p.toplinkende { margin-top:3em; margin-bottom:0; }

/* Wg. Bug in MS IE 6.0 (weisse Schrift, wird erst beim
Selektieren mit der Maus oder nach Scrollen sichtbar): */
form td, table tr td form table tr td,
form th, table tr td form table tr th
 { color:#000000; background-color:#ffffff; }

/* Allgemeines einblenden/ausblenden (z.T. nur fuer gewisse Medien): */

.noshow    { display:none; }
.noprint   { }

.printonly { display:none; }

.printonlykopf { display:none; }