html { margin:0; border:0; padding:0; height:100%; }

body { margin:0; border:0; padding:0; height:100%;
       color:#000000; background-color:#cccccc;
       font-family:"Swiss 721 BT","Swiss 721BT","Swiss721BT","swiss 721","swiss721",helvetica,arial,sans-serif;
       font-size:100%;
     }

/* Farben und Rahmen: */

/* Äusserer Hintergrund: */
body { color:#000000; background-color:#f5f5f5; }

/* pro forma: Linkfarben allgemein: */
a:link, a:visited, a:hover, a:focus, a:active { color:#00007F; background-color:#ffffff; }

/* Layouttabelle: */
table.layouttab
  {
    color:#000000; background-color:#ffffff;
    border:0 none;
    border:solid #cccccc; border-width:0 1px 1px 1px;
  }

table.layouttab td
  { /* border:1px solid #cccccc; */ border:0 none;  }

.layouttab a:link, .layouttab a:visited, .layouttab a:active
 { color:#00007F; background-color:transparent; text-decoration:underline; }
.layouttab a:hover, .layouttab a:focus
 { color:#0000BF; background-color:#ffffff; text-decoration:underline; }


/* Hintergrundfarbe und Rahmen für einzelne Bereiche: */

table.layouttab tr.kopfzeile
  { background-color:#FFFFFF; }

table.layouttab tr.kopfzeile td.kopfecke
  { border-bottom:1px solid #cccccc; }

table.layouttab tr.kopfzeile td.logo
  { border-bottom:1px solid #cccccc; }

table.layouttab td.navi
  {  }

table.layouttab td.inhalt
  {  }

table.layouttab tr.fusszeile
  { background-color:#ffffff; }

table.layouttab td.fussecke
  { border-top:1px solid #cccccc; }

table.layouttab td.fussblock
  { border-top:1px solid #cccccc; }


/* Durchgehender Trenn-Rahmen zwischen links und rechts: */
table.layouttab tr.kopfzeile td.kopfecke,
table.layouttab td.navi,
table.layouttab td.fussecke
  { border-right:solid 1px #cccccc;  }



/* Farben Navigation: */
.navi ul a:link, .navi ul a:visited, .navi ul a:active
 { color:#7F0000; background-color:#FFFFFF; text-decoration:none; }
.navi ul a:hover, .navi ul a:focus
 { color:#BF0000; background-color:#FFFFCC; text-decoration:none; }
.navi ul span
 { color:#333333; background-color:#FFFFCC; text-decoration:none; }

/* Allgemeines: */

a, a img, a:hover img, img { border:0 none; margin:0; padding:0; }

td, th { text-align:left; vertical-align:top; font-style:normal; }

h1 { font-weight:bold; font-size:125%; }
h2 { font-weight:normal; font-size:125%; }
h3 { font-weight:bold; font-size:100%; }
h4 { font-weight:bold; font-size:100%; font-style:italic; }

/* Doofen Hover-Effekt in MS IE 8 eliminieren: */
html body div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image a,
html body div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image a:hover
 { border:0px solid white; margin:0; padding:0; }


/* Layout-Tabelle als ganzes: */

table.layouttab
  {
    margin:0 auto;
    max-width:1000px;
    /* height:100%; */
    border-spacing:0; border-collapse:collapse;
  }

table.layouttab td
  { text-align:left; vertical-align:top; }

table.layouttab table td /* Tabellenzellen in einer inneren Tabelle grundsätzlich ohne Rand */
  { border:0 none; }


/* Kopf: */

table.layouttab tr.kopfzeile td
  { height:77px; }
table.layouttab tr.kopfzeile td.kopfecke
  { padding:0.2em 0.5em 0.2em 0.2em; }

table.layouttab tr.kopfzeile td.logo
  { padding:1em 0em 1em 2.0em; }

table.layouttab td.logo p { margin:0; padding:0; font-size:1.5em;  }
table.layouttab td.logo p a img { margin:0; padding:0; border:0 none; width:342px; float:left; }

/* Fusszeile: */

tr.fusszeile p { margin:0; font-size:85%; }

table.layouttab td.fussecke
  { padding:5px 5px 5px 15px; }

table.layouttab td.fussblock
  { padding:5px 5px 5px 75px; }


/* Inhaltsbereich: */

table.layouttab td.inhalt
  {
   padding:30px 75px;
   width:610px; /* wegen MS IE 8, da max-width nicht hilft */
  }


table.layouttab td table.mitrand
   { border:1px solid #999999; border-collapse:collapse; border-spacing:0; }
table.layouttab td table.mitrand td, table.layouttab td table.mitrand th
   { border:1px solid #999999; padding:5px; }

.ungerade   { color:#000000; background-color:#e2edd7; }
.ungerade a:link, .ungerade a:visited { color:#0000cc; background-color:#e2edd7; }

.gerade { color:#000000; background-color:#f8e7bd; }
.gerade a:link, .gerade a:visited { color:#0000cc; background-color:#f8e7bd; }

div.gerade, div.ungerade
  { padding:5px; margin:15px 0; }

div.gerade td, div.gerade th, div.ungerade td, div.ungerade th,
table.kursdetails td, table.kursdetails th
  { padding:5px 5px 5px 0; }

div.gerade hr, div.ungerade hr { display:none; }

table.layouttab tr td table tr td.legende,
div.bigimg span.legende
  { font-size:80%; text-align:center; /* padding-bottom:1.5em; */ }

dd.csc-textpic-caption
  { font-size:80%; padding:0.5em 0 0.5em 0; }

.kleiner { font-size:80%; }


/* Kuenstler-Uebersicht: Bilder sollen nebeneinander schweben: */
html body div.kuenstler div.csc-textpic  { float:left; margin:1px 15px 2px 0px; padding:0; /* border:1px dotted #cccccc; */ height:140px; }
html body div.kuenstler div.csc-textpic div.csc-textpic-imagewrap
 { /* border:1px dotted #FFFFCC; */ margin:0; padding:0; }
div.kuenstler div.csc-textpic dl,
div.kuenstler div.csc-textpic dd, div.kuenstler div.csc-textpic dt
 { margin:0; padding:0; }

div.kuenstler div.csc-textpic-clear { display:none; }

/* chgallery */

html body div.tx-chgallery-pi1 div.single span { display:none; } /* Legende/Dateigroesse unter kl. Bildern ausblenden */
html body div.tx-chgallery-pi1 div.info { display:none; } /* Riesen-Box mit Dateiname u.s.w. ausblenden */
html body div.tx-chgallery-pi1 div.pagebrowser { display:none; }  /* grundsätzlich ausblenden, da überflüssig */
html body div.tx-chgallery-pi1 div.pagebrowser div.text { display:none; } /* "Seite 1 von 1" ausblenden */
html body div.tx-chgallery-pi1 div.bigimg + div.pagebrowser { display:block; border:0 none; font-size:75%; } /* Links "Vorderes/nächstes Bild" unter dem grossen Bild einblenden */
html body div.tx-chgallery-pi1 div.bigimg + div.pagebrowser div.prev a:before { content:"\2190"; }  /* Linkspfeil */
html body div.tx-chgallery-pi1 div.bigimg + div.pagebrowser div.next a:after { content:"\2192"; }   /* Rechtspfeil */


/* html body div.tx-chgallery-pi1 div.bigimg + div.pagebrowser div.prev a { border:1px dotted red;  }
   html body div.tx-chgallery-pi1 div.bigimg + div.pagebrowser div.next a { border:1px dotted blue; } */


html body div.tx-chgallery-pi1 div.single div.img div.align { margin:0 15px 5px 0; } /* Abstand zw. Thumbnails */
html body div.tx-chgallery-pi1 div.bigimg { margin:20px 0 0 2px; text-align:left; } /* Abstand vor grossem Bild */


html body div.tx-chgallery-pi1 div.single div.img div.align a,
html body div.tx-chgallery-pi1 div.single div.img div.align a:hover
 { margin:0; border:0px solid white; padding:0;  } /* nervigen Hover-Effekt MS IE 8 abschalten */

html body div.tx-chgallery-pi1 div.single div.img div.align a img,
html body div.tx-chgallery-pi1 div.single div.img div.align a:hover img
 { margin:0; border:1px solid #cccccc; padding:0;  } /* nervigen Hover-Effekt MS IE 8 abschalten */

/* Rahmen u.s.w. */

/*
Unsichtbar       => <div class="csc-frame csc-frame-invisible"><!-- INHALT ---></div>
Rahmen davor     => <div class="csc-frame csc-frame-rulerBefore"><!-- INHALT ---></div>
Rahmen danach    => <!-- INHALT ---><div class="csc-frame csc-frame-rulerAfter"></div>
Einrücken        => <div class="csc-frame csc-frame-indent"><!-- INHALT ---></div>
Einrücken 33/66% => <div class="csc-frame csc-frame-indent3366"><!-- INHALT ---></div>
Einrücken 66/33% => <div class="csc-frame csc-frame-indent6633"><!-- INHALT ---></div>
Rahmen1          => <div class="csc-frame csc-frame-frame1"><!-- INHALT ---></div>
Rahmen2          => <div class="csc-frame csc-frame-frame2"><!-- INHALT ---></div>
*/

div.csc-frame-rulerBefore { margin:10px 0 0 0; border-top:1px solid #cccccc; padding:10px 0 0 0; }
div.csc-frame-rulerAfter { margin:10px 0 10px 0; border-bottom:1px solid #cccccc; padding:0; }

div.csc-frame-frame1 { margin:10px 0; border:1px solid #7f0000; padding:1px 10px; }
div.csc-frame-frame2 { margin:10px 0; border:1px solid #cccccc; padding:1px 10px; }

/* Seiten-Inhaltsverzeichnis mit Links zu Ankern innerhalb der Seite */
div.csc-frame-invisible { font-size:80%; }
div.csc-frame-invisible ul { list-style:none; margin:0; padding:0; }
div.csc-frame-invisible a:before { content:"\2193"; }
div.csc-frame-invisible a:link, div.csc-frame-invisible a:visited
  { text-decoration:none; }

/* Kleinere Schrift: */
div.csc-frame-indent6633 { font-size:80%; }

/* Navigation: */

table.layouttab td.navi
  {
    /* width:13em; */
    width:220px;
    font-weight:normal; padding:30px 5px;
    text-align:center;
  }


/* Navigations-UL:  */
.navi ul
 { list-style-type:none;
   margin:1em 0.5em 1em 0.5em;
   border:0 none;
   /* border:1px dotted red; */
   padding:0px;
   font-size:1em; font-weight:bold;
   text-align:left;
 }

.navi ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   font-size:90%; font-weight:normal;
 }

.navi ul li ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   font-size:100%; font-weight:normal;
 }

.navi ul li
 {
   margin:0; padding:0;
   border:0 none;
  }

/* 1. Ebene: */

.navi ul a, .navi ul span
 {
   display:block;
   text-decoration:none;
 }

.navi ul a:link, .navi ul a:visited, .navi ul a:active,
.navi ul a:hover, .navi ul a:focus,
.navi ul li span
 {
   text-decoration:none; display:block;
   padding:0 0 0 10px;
   border:0 none;
   border:1px solid #F0F0F0;
   margin:10px 0 5px 0;
 }

/* 2. Ebene: */

.navi ul li ul a,
.navi ul li ul a:link, .navi ul li ul a:visited, .navi ul li ul a:active,
.navi ul li ul a:hover, .navi ul li ul a:focus,
.navi ul li ul li span
 {
   text-decoration:none; display:block;
   border:0 none;
   /* border:1px solid #F0F0F0; */
   margin:0 0 3px 0;
   background-image:none;
 }

.navi ul li ul a,
.navi ul li ul a:link, .navi ul li ul a:visited, .navi ul li ul a:active,
.navi ul li ul a:hover, .navi ul li ul a:focus,
.navi ul li ul li span
 { padding:0px 0px 0px 24px; }


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


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

/* Hinweis (z.B. Under Construction) unter Navigation */
td.navi div.hinweis { margin:3em 0.5em 0.5em 0.5em;  border:0 none; padding:0; font-size:80%; text-align:left;  }

td.navi div.hinweis div.csc-frame-invisible  { margin:0;  border:0 none; padding:6px 0px 6px 11px; font-size:100%; }
td.navi div.hinweis div.csc-frame-frame1  { margin:0; border:1px solid #FFFFCC; padding:5px 5px 5px 10px;  }


td.navi div.hinweis div.csc-frame-frame p { margin:0; border:0 none; padding:0; }

td.navi div.hinweis div.csc-frame-frame a#c118 { display:none; } /* Leeren, überflüssigen Anker vor Hinweis-Box ausblenden */

/*
td.navi div.hinweis { margin:3em 0.5em 0.5em 0.5em;   border:2px solid #FFFFCC; padding:0 4px 0 9px; font-size:80%; text-align:left;  }
td.navi div.hinweis p { margin:5px 0 5px 0; border:0 none; padding:0; }
*/

/*
.navi ul
 { list-style-type:none;
   margin:1em 0.5em 1em 0.5em;
   border:0 none;
   padding:0px;
   font-size:1em; font-weight:bold;
   text-align:left;
 }
*/

/* Allgemeines Ausblenden: */

.logo2, .printonly { display:none; }