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

html { margin:0; border:0 none; padding:0; height:100%; }
body { color:#000000; background-color:#FFFFFF;
       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:#000099; background-color:#FFFFFF; text-decoration:underline; }
a:visited { color:#660066; background-color:#FFFFFF; text-decoration:underline; }
a:hover, a:focus   { color:#3300FF; background-color:#FFFFCC; text-decoration:none; }
a:active  { color:#660066; background-color:#FFFFFF; text-decoration:underline; }

a img,  a img.ohnerahmen { border:0 none; text-decoration:none; }
.inhalt a:hover img, .inhalt a:focus img,
td.inhalt div.tx-photogals-pi1-big a:hover,
td.inhalt div.tx-photogals-pi1-big a:focus
  { color:#3300FF; background-color:#FFFFFF; }

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

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; }


/* Vor Ueberschriften und Elementen der Klasse "putzer": Floats aufheben */

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

/* Tabellen allgemein: */

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

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 linksbuendig darueber stehen */
  { caption-side:top; font-weight:bold; text-align:left; }

table table table { margin-top:0;  }
table table table td { padding:0 0 3px 3px; }

/* Blinde Tabelle fuer normale Inhalte sowie Daten */

table.blindtab
 { border:0 none; }

.blindtab td, .blindtab th
  {
    text-align:left; vertical-align:top;
    border:0 none; padding:0 6px 6px 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 Klasse fuer Tabellen, die einen Rahmen haben sollen: */
table.mitrand
 {
    border-collapse:collapse;
    border-spacing:0;
    border:#989898 solid 1px;
 }

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

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

table.mitrand caption { font-size:110%; font-weight:bold; padding:15px 0 3px 2px; }

/* Zeilenlänge im Inhalt beschränken: */

.inhalt p, .inhalt li, .inhalt form { max-width:700px; }

/* Login-Box von Typo3 - vertikale Ausrichtung in Mozilla ausbessern: */
form table tr td p { margin:0 0 5px 0; }

/* Simple Gallery grosses Bild */
.inhalt div.tx-photogals-pi1-big a
  { border:0 none; text-align:left; }

/* Simple Gallery kleines aktives Bild */
.inhalt div.tx-photogals-pi1-small-active a:link,
.inhalt div.tx-photogals-pi1-small-active a:visited
{ color:#000000; background-color:#FFFF8C; }

/* 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; }
dt span { font-weight:normal; }

/* =============================================== */
/* 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:none; } /* Unterstreichung abschalten! */
s,del { text-decoration:line-through; }
em     { font-style:italic; font-weight:normal; }
strong { font-style:normal; font-weight:bold; }

address        { font-style:normal; font-weight:normal; }

hr { height:3px; color:#FFFF8C; background-color:#FFFF8D;
     border: 1px solid #FFFFCC;
     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" */

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

.kapitaelchen { font-variant:small-caps; }

.notwendig { color:#009933; background-color:#FFFFFF; }

fieldset { border:0 none; }
fieldset legend { display:none; } /* redundant, d.h. doppelt in Typo3 bei Radio */

/* unnötige Dinge in News-Auflistung ausblenden: */
div.news-list-category, div.news-list-morelink, div.news-single-category
  { display:none; }
h3 span.news-list-date { font-weight:normal; font-size:0.8em; }

img.plakat { float:left; margin:0 20px 20px 0; border:0; }

/* Normales Formular formatieren: */
div.csc-mailform-field label { width:8em; display:block; float:left; clear:left; }

/* Radio-Felder bei Newsletter An-/Anmeldung: */
div.csc-mailform-field fieldset#mailformnewsletter input
  { border:1px dotted green; clear:both; }
div.csc-mailform-field fieldset#mailformnewsletter label
  { display:inline; float:none; clear:none; }

/*  Formular auf Seite "Kontakt": */
div.csc-frame-invisible div.csc-mailform-field label { width:15em; }

/*
<div class="csc-frame csc-frame-invisible">

<form action="kontakt/danke/" id="mailform" name="mailform" enctype="multipart/form-data" method="post">

<div class="csc-mailform-field">
  <label for="mailformnewsletter">Konzert-Newsletter:</label>
  <input type="checkbox" value="1" name="newsletter" id="mailformnewsletter" class="csc-mailform-check" />
</div>

<div class="csc-mailform-field">
  <label for="mailformWiesindSieaufunsgekommen">Wie sind Sie auf uns gekommen?</label>
  <select name="WiesindSieaufunsgekommen" id="mailformWiesindSieaufunsgekommen" size="1">
     <option value="--bitte auswählen--">--bitte auswählen--</option><option value="Freunde/Bekannte">Freunde/Bekannte</option><option value="Plakat">Plakat</option><option value="Flyer">Flyer</option><option value="Inserat">Inserat</option><option value="Tram-Werbung">Tram-Werbung</option><option value="Radio">Radio</option><option value="Internet(Google)">Internet(Google)</option><option value="Internet(sonstiges)">Internet(sonstiges)</option><option value="sonstiges">sonstiges</option>
  </select></div>

<div class="csc-mailform-field">
  <input type="submit" name="formtype_mail" id="mailformformtype_mail" value="Abschicken!" class="csc-mailform-submit" />
</div>

</form>

</div>

*/


/* Powermail-Formular (z.B. Anmeldung DKK) formatieren: */

form.tx_powermail_pi1_form { margin:0 0 1em 0; padding:0; }

form.tx_powermail_pi1_form fieldset { margin:0 0 1em 0; padding:0; }

div.tx_powermail_pi1_fieldwrap_html div { /* border:1px dotted #999999; */ clear:both; }

div.tx-powermail-pi1 label
  { /* border:1px dotted green; */ width:10em; display:block; float:left; clear:both; }
div.tx-powermail-pi1 input
  { /* border:1px dotted #FFDF00; */ }

div.tx-powermail-pi1 fieldset.tx-powermail-pi1_fieldset_2 label
 { width:23em; /* border:1px dotted #FF00C0; */ }

div.tx-powermail-pi1 div#powermaildiv_uid14 div label
 { width:17em; /* border:1px dotted #20FF00; */ }

div#powermaildiv_uid14 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
div#powermaildiv_uid17 p.tx_powermail_pi1_fieldwrap_html_checkbox_title
  { display:none; }

body form.tx_powermail_pi1_form div#powermaildiv_uid23 label
 { float:none; width:17em; }

/*
body form.tx_powermail_pi1_form div#powermaildiv_uid23 textarea#uid23
  { clear:both; border:1px solid red; float:none; }
*/

/* Einfaches Mail-Formular von Typo3 formatieren: */
/*

.csc-mailform-field label
  {
   float:left;
   clear:both;
   display:block;
   width:9em;
   margin-bottom:0.3em;
}

div.csc-mailform-label
  {
   float:left;
   clear:both;
   display:block;
   width:50em;
   margin-bottom:0.3em;
}


.csc-mailform-field input,
.csc-mailform-field select
  {
   float:left;
   display:block; text-align:left;
   width:20em;
   margin-bottom:0.3em;
  }

.csc-mailform-field textarea
  {
   float:left;
   display:block;
   width:35em;
   margin-bottom:0.3em;
  }

.csc-mailform-field input.csc-mailform-check { border:1px dotted #F8F8F8; }

.csc-mailform-field input.csc-mailform-submit
  {
   width:8em;
   margin-left: 10em;
   clear: both;
   }

*/

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

/* Layout-Tabelle: */
table.layouttab { width:100%; height:100%; /* height nur wenn es nichts darueber hat und wenn noetig! */
                  margin:0;
                  border:0 none; border-spacing:0; border-collapse:collapse;
                  padding:0; }

table.layouttab td.inhalt, .inhalt
  { padding:1em 2em 1em 2em; border:0 none;
    width:90%; /* notwendig fuer MS IE 6+7, damit die Spalte auch breit wird,
                  wenn sie sehr wenig, d.h. schmalen, Inhalt hat. */
    /* color:#FFFFFF; background-color:#000066; */
  }


tr.kopfzeile { height:120px; }

td.logoecke,
td.logoecke a, td.logoecke a:link, td.logoecke a:visited,
td.logoecke a:focus, td.logoecke a:hover, td.logoecke a:active
   { color:#000000; background-color:#FFFF8C; text-decoration:none; }

td.logoecke
  {
    padding:0 0.5em 0 0.5em; border:0 none;
    text-align:center; vertical-align:middle; font-size:0.9em;
    border-bottom:1px solid #FFFF8D; /* wegen MS IE */
  }

td.kopfdeko
  {
    padding:5px 0 5px 2em; border:0 none;
    text-align:left; vertical-align:middle; font-size:0.9em;
    color:#000000; background-color:#FFFFCC; text-decoration:none;
    border-bottom:1px solid #FFFFCD; /* wegen MS IE */
  }

td.kopfdeko p
  {
    height:102px; max-width:650px; overflow:hidden;
    margin:0;
  }

td.kopfdeko img { margin:0 5px 5px 0; border:0; padding:0; vertical-align:bottom; }

table.layouttab tr td.navbar, table.layouttab tr td.inhalt
   { border-top:0 none; padding-top:2em; }
td.navbar ul { margin-top:0; padding-top:0; }

/* Fusszeile: */

tr.fusszeile
  {
    height:2.5em;
    border:0 none;
  }

tr.fusszeile td, tr.fusszeile *
  { color:#000000; background-color:#FFFFCC; }

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

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

tr.fusszeile a:link, tr.fusszeile a:visited
          { color:#003399; background-color:#FFFFCC; text-decoration:underline; }
tr.fusszeile a:hover, tr.fusszeile a:focus
          { color:#003399; background-color:#FFFFFF; text-decoration:none; }
tr.fusszeile a:active
          { color:#003399; background-color:#FFFFCC; text-decoration:underline; }

tr.fusszeile td.fussecke
  { background-color:#FFFF8C; }
tr.fusszeile td.fusstext
  { padding:0.2em 0.2em 0.2em 2em; }



/* Angaben zum Navigations-Bereich */

td.navbar
  {
    margin:0; padding:0 0 0 0; border:0 none;
    text-align:left;
    color:#000000; background-color:#FFFFCC;
    width:12.5em;
    border-bottom:1px solid #FFFFCD; /* wegen MS IE */
  }

/* Formular, z.B. Newsletter-Anmeldung, unter der Navigation */

.navbar form
 { margin:1.5em 0.1em 1em 0.5em;
   border:1px solid #FFFFCD;
   padding:0px;
   text-align:left;
   color:#000000; background-color:#FFFFCC;
   font-size:0.9em; font-weight:normal;
 }


.navbar p a:link, .navbar p a:visited,
.navbar p a:hover, .navbar p a:focus, .navbar p a:active
 {
   text-align:center;
   text-decoration:none; padding:0px 0px;
   color:#000000; background-color:#FFFFCC; text-decoration:none;
   border:0 none;
 }

/* Navigations-UL:  */
.navbar ul
 { list-style-type:none;
   margin:1em 0.5em 1em 0.5em;
   border:1px solid #FFFFCD;
   padding:0px;
   width:11.5em;
   color:#FFFFFF; background-color:#FFFFCC;
   font-size:1em; font-weight:bold;
 }

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

.navbar ul li ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   font-size:100%; font-weight:normal;
   color:#FFFFFF; background-color:#FFFFCC;
 }

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

.navbar ul li.aktiv
 { color:#BBFFBB; background-color:#FFFFCC; margin:0; padding:0;
   border:1px solid #FFFFCD;
  }

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

.navbar ul li ul li.aktiv
 { color:#BBFFBB; background-color:#FFFFCC; margin:0;
   padding:0 0 0 0px;
   border:1px solid #FFFFCD;
 }

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

.navbar ul li ul li ul li.aktiv
 { color:#BBFFBB; background-color:#FFFFCC; margin:0;
   padding:0 0 0 0px;
   border:1px solid #FFFFCD;
 }
   /* Border notwendig wegen MS IE Bug (sonst zu grosse Abstaende unten) */
   /*   " "     auch, weil li.aktiv auch einen feinen Rahmen hat */


/* 1. Ebene: */

.navbar ul a, .navbar ul span
 {
   display:block; /* width:100%; */
   margin:0;
   text-decoration:none;
 }

/*  Hier koennte man noch eine Grafik, z.B. einen kleinen Pfeil oder so,
    vor jedem Menuepunkt einfuegen: */
/*
.navbar ul a:before, .navbar ul span:before
  { content: url("../img/arw15rt.gif") " ";}
*/

.navbar ul a:link, .navbar ul a:visited, .navbar ul a:active,
.navbar ul a:hover, .navbar ul a:focus,
.navbar ul li span
 {
   text-decoration:none; display:block; padding:0px 0px;
   border:0 none; border-bottom:2px solid #FFFFCD;
 }

.navbar ul a:link, .navbar ul a:visited, .navbar ul a:active
 {
   color:#003399; background-color:#FFFFCC; text-decoration:none;
 }

.navbar ul a:hover, .navbar ul a:focus
 {
   color:#003399; background-color:#FFFFFF; text-decoration:none;
 }

.navbar ul li span
 {
   color:#000000;  background-color:#FFFFFF; text-decoration:none;
 }


/* 2. und weitere Ebenen: */

.navbar ul li ul a,
.navbar ul li ul a:link, .navbar ul li ul a:visited, .navbar ul li ul a:active,
.navbar ul li ul a:hover, .navbar ul li ul a:focus,
.navbar ul li ul li span
 {
   text-decoration:none; display:block;
   margin:0;
   border:0 none; border-bottom:4px solid #FFFFCD;
   padding:0px 0px 0px 12px;
 }


.navbar ul li ul a:link, .navbar ul li ul a:visited, .navbar ul li ul a:active
 {
   color:#000066; background-color:#FFFFCC; text-decoration:none;
 }

.navbar ul li ul a:hover, .navbar ul li ul a:focus
 {
   color:#003399; background-color:#FFFFFF; text-decoration:none;
 }

.navbar ul li ul li span
 {
   color:#000000;  background-color:#FFFFFF; text-decoration:none;
 }


/* 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; }


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

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

.printonly { display:none; }

.printonlykopf { display:none; }

.logo2 { display:none; }