/* Print-Stylesheet */
/* 2 column layout inspired by: http://www.mikefinch.co.uk/divdemo4.html */

html { margin:0; padding:0; }

body {
        padding:0; margin:0;
        color:#000000; background-color:#ffffff;
        font-family: arial,helvetica,sans-serif; font-size:100%;
}

a:link, a:visited  { color:#000000; background-color:#FFFFFF; text-decoration:none; }

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

.page { }

.header {
        padding-bottom:10px;
        border-bottom: 1px solid #666666;
}

.contentwrap { }

.contentfloat {
        float: left;
        width: 100%;
}

.footer {
        clear: both;
        position: relative;
        border-top: 1px solid #666666;
        padding-top:0.5em;
}

/* Details zum Navigationsbereich */

.navi p { margin:0; }

/* Navigation, Sprachwahl + fremde Logos (infoklick) ausblenden */
.navi ul, .navi p.logos2, p.logos2, div.navi div.tx-srlanguagemenu-pi1
  { display:none; }


/* Details zur Fusszeile */

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

/* Details zum Inhalt ... */
.content {
        position: relative;
        padding-top:1em;
}

h1     { font-size:150%; 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; }

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

.putzer { clear:both; }

/* Listen allgemein: locker: */
ul li, ol li
 { margin-bottom:0.7em; }
/* Listen der Klasse kompakt: eng: */
ul.kompakt li, ol.kompakt li, div.csc-sitemap ul li
 { margin-bottom:0.1em; }

/* Formular formatieren: */

div.csc-mailform-field { margin-top:0.4em; }
div.csc-mailform-field label { width:8em; display:block; float:left; clear:left; }
div.csc-mailform-field fieldset { display:block; }
div.csc-mailform-field input { width:27em; }
div.csc-mailform-field input.csc-mailform-submit { width:8em; }
div.csc-mailform-field textarea { width:37em; }


/* Powermail-Formular (z.B. Anmeldung) 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; }

form.tx_powermail_pi1_form div.tx_powermail_pi1_fieldwrap_html { clear:both; } /* Grundsätzlich neue Zeile */

div.tx-powermail-pi1 label
  { width:10em; display:block; float:left; clear:both; }

/* Fieldset-Legenden ausblenden: */
div.tx-powermail-pi1 form fieldset legend { display:none; }

div.tx-powermail-pi1_confirmation table.powermail_all:first-child
 { display:none; }

/* Breitere Labels bei Teamdetails: */
div.tx-powermail-pi1 fieldset.teamdetails label
  { width:14em; display:block; float:left; clear:both; }

/* Radiobuttons innerhalb Bereich Personalien, d.h. Anrede bzw. Rollstuhl */
/* Sowie bei Team-Details, d.h. Anzahl Spieler, Spiel-Niveau */

/* Clear und Abstand um den DIV, der Label und Radiobuttons enthält: */
form.tx_powermail_pi1_form fieldset.personalien div.tx_powermail_pi1_fieldwrap_html_radio,
form.tx_powermail_pi1_form fieldset.teamdetails div.tx_powermail_pi1_fieldwrap_html_radio
  { clear:both; overflow:auto; margin-bottom:5px; }

/* Radiobuttons an sich: */
form.tx_powermail_pi1_form fieldset.personalien div.powermail_radio_inner input,
form.tx_powermail_pi1_form fieldset.teamdetails div.powermail_radio_inner input
  { width:1em; text-align:left; }

/* Beschriftung: */
form.tx_powermail_pi1_form fieldset.personalien div.tx_powermail_pi1_fieldwrap_html_radio p.tx_powermail_pi1_fieldwrap_html_radio_title
  { margin:0; float:left; width:10em; }
form.tx_powermail_pi1_form fieldset.teamdetails div.tx_powermail_pi1_fieldwrap_html_radio p.tx_powermail_pi1_fieldwrap_html_radio_title
  { margin:0; float:left; width:14em; }

form.tx_powermail_pi1_form fieldset.personalien div.tx_powermail_pi1_fieldwrap_html_radio div.powermail_radio_inner,
form.tx_powermail_pi1_form fieldset.teamdetails div.tx_powermail_pi1_fieldwrap_html_radio div.powermail_radio_inner
  { clear:none; }
form.tx_powermail_pi1_form fieldset.personalien div.tx_powermail_pi1_fieldwrap_html_radio label,
form.tx_powermail_pi1_form fieldset.teamdetails div.tx_powermail_pi1_fieldwrap_html_radio label
  { width:auto; display:inline; float:left; clear:none; margin-right:2em; }

/* Checkboxen (mit modifiziertem Template): Checkbox auf neuer Zeile, Label rechts davon: */
div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner input.powermail_check
  { clear:both; float:left; width:auto; }
div.tx_powermail_pi1_fieldwrap_html_check div.powermail_check_inner label
  { border:1px dotted yellow; float:left; width:auto; clear:none; }


/* Formularfelder im Stil "Lückentext": */

/* Text vor dem Label: */
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid172,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid175,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid197,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid200
  { float:left; width:auto; margin-right:0.5em; }

/* DIV um das Label + Formularfeld: */
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid173,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid176,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid177,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid198,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid201,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid202
  { float:left; clear:none; }

/* Label: */
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid173 label,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid176 label,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid177 label,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid198 label,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid201 label,
html body form.tx_powermail_pi1_form fieldset div#powermaildiv_uid202 label
  { float:left; clear:none; display:inline; width:auto; margin-right:0.5em; }

/* Text nach Feld: */
div#powermaildiv_uid174,
div#powermaildiv_uid178,
div#powermaildiv_uid199,
div#powermaildiv_uid203
  { display:inline; float:left; clear:none; }


/* Kurze Textfelder für Zahlen: */
div#powermaildiv_uid87 input,
div#powermaildiv_uid98 input,
div#powermaildiv_uid131 input,
div#powermaildiv_uid132 input,
div#powermaildiv_uid167 input,
div#powermaildiv_uid168 input,
div#powermaildiv_uid173 input,
div#powermaildiv_uid176 input,
div#powermaildiv_uid177 input,
html body form.tx_powermail_pi1_form fieldset div input.zahl
  { width:2em; margin-right:0.5em; }

/* Radiobuttons Betreuung: */
div.tx-powermail-pi1 fieldset.betreuung1 label
  { width:10em; }
div.tx-powermail-pi1 fieldset.betreuung1 input
  { width:2em; }

/* "Zeit von/bis" auf gleicher Höhe wie Radiobutton: */
div.tx-powermail-pi1 fieldset.betreuung1 div#powermaildiv_uid11
  { clear:none; float:left;  }
div.tx-powermail-pi1 fieldset.betreuung1 div#powermaildiv_uid11 label
  { width:6em; }
div.tx-powermail-pi1 fieldset.betreuung1 div#powermaildiv_uid11 input
  { width:5em; }

/* Beschriftung "Persoenliche Begleitung"/"Accompagnement individuel" ausblenden:*/
form.tx_powermail_pi1_form div#powermaildiv_uid10 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
form.tx_powermail_pi1_form div#powermaildiv_uid50 p.tx_powermail_pi1_fieldwrap_html_checkbox_title
  { display:none; }

/* "Daten werden vertraulich behandelt:" */
fieldset.datenschutz div
  { font-size:85%; }
div.tx-powermail-pi1 fieldset.betreuung1 div#powermaildiv_uid14,
div.tx-powermail-pi1 fieldset.betreuung1 div#powermaildiv_uid53
  { margin-top:1em; clear:both; float:left; font-size:85%;  }

/* Absende-Button: */
div.tx-powermail-pi1 input.powermail_submit
  { width:15em; border:2px solid #0072A5; color:#0072A5; background-color:#DFFFFF; margin-left:0; }

/* Warnung bei nicht ausgefüllten Feldern: */
div.powermail_mandatory_js { color:#BF0000; background-color:#FFFF99; margin-bottom:1em; }




/* Allgemeines einblenden/ausblenden (z.T. nur fuer gewisse Medien): */
.skiplink  { display:none; }
.noshow    { display:none; }
.noprint   { display:none; }

.printonly { }