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

html { margin:0; padding:0; position:relative; left:0; top:0; }

body {
        padding:0; margin:0;
        text-align:left;
        color:#000000; background:#EDDCD2;
        font-family: arial,helvetica,sans-serif; font-size:100%;
        background:#ffffff repeat-y left top url("../img/deko/navi-horiz-verlauf-a-265x5.png"); /* Faux Columns Trennzeichen. */
        position:relative; left:0; top:0;
}

a:link             { color:#00587D; background-color:transparent; text-decoration:underline; }
a:visited          { color:#143A4A; background-color:transparent; text-decoration:underline; }
a:hover, a:focus   { color:#00587D; background-color:#FFFFFF; text-decoration:none; }
a:active           { color:#143A4A; background-color:transparent; text-decoration:underline; }

a img { border:0 none; text-decoration:none; padding:0; margin:0; }
a:hover img, a:focus img { color:#3300FF; background-color:#FFFFFF; }

.navi {
        z-index: 2;
        float: left;
        width: 13em;
        max-width:235px;
        /* border:1px dotted #80FF00; */
}

.contentwrap {
        z-index: 0;
        width: auto;
        min-width: 250px;
        min-height:350px;
        padding:151px 0 0 10px; /* oben und links wg. Deko-Bild */
        margin: 0px 0px 0px 285px; /* Der letzte Wert, d.h. margin-left, entspricht mind. der Breite von .navi */
        color:#000000; background:#ffffff url('../img/deko/collage-01-680-b.jpg') no-repeat left top;
        /* border:1px dotted #FF9F00; */
}


/* Flexible Breite in anständigen Browsern: */
.contentfloat {
        float: left;
        width: 100%;
}

/* Fixe Breite in MS IE 4/5.0/5.5/6.0, da sonst Fehldarstellung. */
* html .contentfloat {
        float: left;
        width:650px;
}

p.logos2
  {
   margin:0em 0.5em 0em 1.5em; padding:0;
   position:relative; left:0; top:-80px; /* Experimentell! */
   float:left; clear:both;
   width: 13em; max-width:235px;
   text-align:left;
   }
p.logos2 span { font-size:0.85em; }

div.footer
  {
   clear: both;
   position: relative; left:0; top:-145px; /* top:-65px; /* nach oben verschieben  */
   margin: 0px 20px 5px 295px; /* Der letzte Wert, d.h. margin-left, entspricht mind. der Breite von .navi */
   border:0 none; border-top:1px solid #23b8dc;
   padding:15px 0 0 0;
  }


/* Details zum Navigationsbereich: */

/* Text-Absätze (P) im Navigationsbereich: */

.navi p { text-align:left; margin:0 0 0 1em; }
.navi p.logo { margin-top:15px; font-size:1.5em; width:7em; text-align:center; /* border:1px dotted #FFFF00; */ }
.navi p.logos2 { text-align:left; margin:2em 0.5em 1em 1.5em; padding:0px; width:10.5em; }

.navi p a:link, .navi p a:visited,
.navi p a:hover, .navi p a:focus, .navi p a:active,
.navi p a:link img, .navi p a:visited img,
.navi p a:hover img, .navi p a:focus img, .navi p a:active img,
.navi div a:link, .navi div a:visited,
.navi div a:hover, .navi div a:focus, .navi div a:active,
.navi div a:link img, .navi div a:visited img,
.navi div a:hover img, .navi div a:focus img, .navi div a:active img
 {
   text-decoration:none; padding:0px 0px;
   color:#000000; background-color:#23B8DC; text-decoration:none;
   border:0 none;
 }

/* Navigations-UL:  */
.navi ul
 { list-style-type:none;
   margin:1em 0.5em 1em 1.5em;
   border:0 none;
   /* border:1px dotted red; */
   padding:0px;
   width:10.5em;
   font-size:100%; font-weight:bold;
   color:#000000; background-color:#23b8dc;
 }

.navi ul li ul
 { list-style-type:none;
   margin:0; padding:0;
   width:100%;
   font-size:100%; 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; /* width:100%; */
   margin:0;
   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:3px 3px 3px 10px;
   border:0 none; margin-bottom:3px;
 }

.navi ul a:link, .navi ul a:visited, .navi ul a:active
 {
   color:#000000;
   background:#9bffff url("../img/deko/navi-vert-verlauf-a-5x37.png") left top repeat-x;
   text-decoration:none;
 }

.navi ul a:hover, .navi ul a:focus
 {
   color:#0D424F;
   background:#e1ffff url("../img/deko/navi-vert-verlauf-c-5x37.png") left top repeat-x;
   text-decoration:none;
 }

.navi ul li span
 {
   color:#000000;
   background:#ffd427 url("../img/deko/navi-vert-verlauf-b-5x37.png") left top repeat-x;
   text-decoration:none;
 }


/* 2. und weitere Ebenen: */

/*
.navi ul li ul a:link, .navi ul li ul a:visited, .navi ul li ul a:active
 {
   color:#143A4A; background-color:transparent; text-decoration:none;
 }

.navi ul li ul a:hover, .navi ul li ul a:focus
 {
   color:#00B3FF; background-color:#FFFFFF; text-decoration:none;
 }

.navi ul li ul li span
 {
   color:#666666;  background-color:transparent; text-decoration: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
 {
   text-decoration:none; display:block;
   border:0 none;
   margin-bottom:3px;
   /* background-image:none; */
 }

/* 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
 {
   padding:1px 3px 1px 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:1px 3px 1px 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:1px 3px 1px 40px; }



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


/* Sprachwahl: */

div.navi div.tx-srlanguagemenu-pi1
  { text-align:left; margin:1em 0.5em 1em 1.5em; padding:0px; width:10.5em; }

div.navi div.tx-srlanguagemenu-pi1 span { font-size:0.85em; padding-left:10px; }

/* Details zur Fusszeile */

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

/* Details zum Inhalt ... */
.content {
        z-index:1;
        position: relative;
        padding:15px 25px 15px 0;
        max-width:650px;
}

h1     { font-size:150%; font-weight:bold; font-style:normal;  margin-top:0; }
h2     { font-size:125%; 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:normal; }
h5, h6 { font-size:100%; font-weight:bold; font-style:italic; }

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

.content p { text-align:left; }
.content div.csc-textpic-text p { text-align:left; }

dt { font-weight:bold; font-style:normal; }
dd { font-weight:normal; font-style:normal; }

hr { border:0 none; color:#666667; background:#666668; height:1px; }

.putzer { clear:both; }

.kleiner { font-size:0.85em; }

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

/* Tabellen: */
body div.contentwrap div.contentfloat div.content table.contenttable,
body div.contentwrap div.contentfloat div.content table.contenttable thead,
body div.contentwrap div.contentfloat div.content table.contenttable tbody,
body div.contentwrap div.contentfloat div.content table.contenttable td,
body div.contentwrap div.contentfloat div.content table.contenttable th
{ font-size:100%; }

/* Normale Tabelle: */
body div.contentwrap div.contentfloat div.content table.contenttable
 { border:0 none; border-spacing:0; border-collapse:collapse; }

body div.contentwrap div.contentfloat div.content table.contenttable th,
body div.contentwrap div.contentfloat div.content table.contenttable td
 { border:0 none; padding:0px 6px 6px 0px; text-align:left; }

/* Tabelle in einem Inhaltselement "Rahmen1": */
body div.contentwrap div.contentfloat div.content div.csc-frame-frame1 table.contenttable
 { border:1px solid #999999; border-spacing:0; border-collapse:collapse; }

body div.contentwrap div.contentfloat div.content div.csc-frame-frame1 table.contenttable th,
body div.contentwrap div.contentfloat div.content div.csc-frame-frame1 table.contenttable td
 { border:1px solid #999999; padding:3px 5px; }


/* Normales Formular formatieren: */

div.csc-mailform-field { margin-top:0.4em; }
div.csc-mailform-field label { width:12em; 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; }

div.csc-mailform-radio-field fieldset { /* border:1px dashed #FF0000; */ clear:both; }
div.csc-mailform-radio-field fieldset input.csc-mailform-radio { clear:both; float:left; display:inline; width:2em; border:0 none; }
/* fieldset label { border:1px dotted green; float:left; width:10em; } */

div.csc-mailform-field span.csc-mailform-checkboxlabel label
 { display:inline; float:left; clear:none; }

/* Normalerweise: Lange Label bei Checkboxen, z.B. bei Kurs-Anmeldungen */
div.csc-mailform-field span.csc-mailform-checkboxlabel label
 { width:34em; float:left; clear:none; display:inline; }
/* Checkbox auf neuer Zeile: */
input.csc-mailform-check { clear:both; float:left;  }


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

/* Anmeldung-Nr. in Formular ausblenden: */
form.tx_powermail_pi1_form div#powermaildiv_uid16,
form.tx_powermail_pi1_form div#powermaildiv_uid17,
form.tx_powermail_pi1_form div#powermaildiv_uid38,
form.tx_powermail_pi1_form div#powermaildiv_uid39,
form.tx_powermail_pi1_form div#powermaildiv_uid78,
form.tx_powermail_pi1_form div#powermaildiv_uid79,
form.tx_powermail_pi1_form div#powermaildiv_uid119,
form.tx_powermail_pi1_form div#powermaildiv_uid120,
form.tx_powermail_pi1_form div#powermaildiv_uid155,
form.tx_powermail_pi1_form div#powermaildiv_uid156,
form.tx_powermail_pi1_form div#powermaildiv_uid184,
form.tx_powermail_pi1_form div#powermaildiv_uid185,
form.tx_powermail_pi1_form div#powermaildiv_uid252,
form.tx_powermail_pi1_form div#powermaildiv_uid253,
form.tx_powermail_pi1_form div#powermaildiv_uid299,
form.tx_powermail_pi1_form div#powermaildiv_uid300,
form.tx_powermail_pi1_form div#powermaildiv_uid392,
form.tx_powermail_pi1_form div#powermaildiv_uid393,
form.tx_powermail_pi1_form div#powermaildiv_uid418,
form.tx_powermail_pi1_form div#powermaildiv_uid419,
.anmeldenr
  { 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. Spiel-Niveau */
/* N.B. modifiziertes Template mit Reihenfolge: Titel, Radiobutton1, Label1, Radiobutton2, Label2 u.s.w. */

/* 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
  { float:left; width:38em; clear:none; display:inline; /* border:1px dotted yellow; */ }

div.tx_powermail_pi1_fieldwrap_html_check p.tx_powermail_pi1_fieldwrap_html_checkbox_title
  { margin:0; /* border:1px dotted green; */ }
div.tx_powermail_pi1_fieldwrap_html_check
 { padding-bottom:2em; margin-bottom:1em; /* border:1px dotted yellow; */ }

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

html body form.tx_powermail_pi1_form fieldset div input.zahl2
  { width:3em; margin-right:0.5em; }


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

/* Beschriftungen vor gewissen Checkboxen ausblenden:*/
form.tx_powermail_pi1_form div#powermaildiv_uid433 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
form.tx_powermail_pi1_form div#powermaildiv_uid413 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
form.tx_powermail_pi1_form div#powermaildiv_uid50 p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
form.tx_powermail_pi1_form div#powermaildiv_uid10 p.tx_powermail_pi1_fieldwrap_html_checkbox_title
  { display:none; }

/* Extrem lange Label: */
div#powermaildiv_uid401 p.tx_powermail_pi1_fieldwrap_html_radio_title,
div#powermaildiv_uid430 p.tx_powermail_pi1_fieldwrap_html_radio_title
  { width:29em; }

/* "Daten werden vertraulich behandelt:" */
fieldset.tx-powermail-pi1_fieldset_datenschutz div,
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; }



/* Forum formatieren: */

div.tx-mmforum-pi1-listtopic-lastpost-user
{ font-size:85%; }

div#tx-mmforum-footer { font-size:70%; color:#666666; background-color:#ffffff; }

        /* Login-Formular: */

        div.tx-felogin-pi1 { margin:5px 0 0 0; padding:0; line-height:160%; }

        fieldset { margin:5px 0 0 0; border:0 none; padding:0; }
        form fieldset legend, .tx-felogin-pi1 h3 { display:none; }


        div.tx-felogin-pi1 fieldset div
          { clear:both; margin:0; padding:0 0 5px 0; }

        div.tx-felogin-pi1 fieldset label
          { width:150px; float:left; clear:both;
            margin:0 10px 0 0; /* border:1px dotted #CCFF66; */ padding-left:0; }

        fieldset input /* einfache Definition, z.B. fuer MS IE 6 */
          { color:#005daa; background-color:#ffffff; font-weight:bold;
            width:145px; float:left;
            border:1px solid #e0e6f3; padding:2px; }

        /* Text-Felder: */
        fieldset input[type=text], fieldset input[type=password],
        fieldset input#user, fieldset input#pass, fieldset input#tx_felogin_pi1
          { color:#000000; background-color:#e5e5e5;
            width:140px; float:left;
            margin:0 0 5px 0; border:1px solid #005daa; padding:2px; }



        /* Submit-Buttons: */
        fieldset input[type="submit"]
          { color:#005daa; background-color:#ffffff; font-weight:bold;
            width:145px; float:left;
            margin:0 0 0 160px; border:1px solid #e0e6f3; padding:2px; }
        fieldset input[type="submit"][value="Abmelden"]
          { margin:0 0 0 0; }

        div.tx-felogin-pi1 p a { font-size:86%; } /* Passwort-vergessen-Link */

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

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

.printonly { display:none; }