@charset "utf-8";

/** Regeln für allgemeine Elemente
------------------------------------------------------------ */

/* alle kritischen Werte instanzieren */
* {
  margin: 0;
  padding: 0;
  vertical-align: top;
}


/* Farben und Hintergründe */
body {
     color: #000000;
     background-color: #FFFFFF;
}

/* allgemeine Schriftgrösse kontrollieren */
body td, th, p {
     font: normal 110% arial, sans-serif;
     /* für 'kaputte' Browser */
     f/ont-size: 110%;
}

/* Links und Anker festlegen */
a:link {
       font-family: Arial;
       color: #000000;
       background-color: transparent;
       text-decoration: none;
}

a:visited {
          font-family: Arial;
          color: #000000;
          background-color: transparent;
          text-decoration: none;
}

a:hover,
a:focus,
a:active {
        color: #000000;
        background-color: transparent;
        text-decoration: none;
}



/* Überschriften  */
h1, h2, h3, h4, h5, h6 {
    color: #000000;
    background-color: transparent;
}

h1 {
   font-size: 1.5em;
   margin: 0 0 1.5em 0;
}



/* Absätze */
p {
  margin: 10px 0;
}


/* Bilder positionieren */
img {
    vertical-align: bottom;
}


/* Rahmen um verlinkte Bilder entfernen */
   a:link img, a:visited img, a:hover img,
   a:focus img, a:active img {
   border: 0;
}



/**
--------------------------------------------------------------
       Regeln für besondere Bereiche
-------------------------------------------------------------- */
/* Standardmäßige nicht sichtbare Inhalte zur Erleichterung der Orientierung mit assistiven Technologien */
.invisible {
           position: absolute;
           left: -9999px;
}


/** Überschriftenzeile
-------------------------------------------------------------- */

#headline {
          margin: 0;
          padding: 0;
          background-color: white;
}

div#logodiv {
            width: 168px;
            height: 168px;
            margin: 0;
            padding: 0;
            float: left;
            border-left: 1px solid #5d5d5d;
}

div#headtext {
             height: 168px;
             background: red url(stuff/hinterhead.gif) top left no-repeat;
             margin: 0 0 0 168px;
             padding: 0;
}

#headtext h1 {
             margin: 0 0 12px 0;
             padding: 45px 0 0 125px;
             font-family: Arial;
             font-weight: bold;
}

#headtext h2 {
          padding: 0 0 0 127px;
          font-family: Arial;
          font-size: 130%;
          font-weight: normal;
}


/* Hauptbereich (unterer Darstellungsbereich)
------------------------------------------------------------------------ */

div#main {
         background: url(stuff/platzhalter.gif) top left repeat-y;
}

/** Content allgemein
---------------------------------------------------------- */
div#content {
        min-width: 565px;
        max-width: 700px;
        margin: 0 0 0 168px;
        padding: 15px 0 0 18px;
}
/* aenderungstext
------------------------------------------------------------------ */
#aenderungstext {
                line-height: 25px;
                padding: 0;
                font-size: 80%;
                margin: 10px 0 0 189px;
                text-align: left;
}

/* Seitenspalte einrichten*/
/* ---------------------------------------------------------------------- */
#navispalte {
            float: left;
         margin: 0;
         padding: 0;
         width: 169px;
         background-color: red;

}

#sidebar {
         min-height: 456px;
         width: 168px;
         border-left: 1px solid #5d5d5d;
         border-top: 1px solid #ffffff;
         background:  url(stuff/hinternav.gif) top left no-repeat;
}





/** Navigation
-------------------------------------------------------------------- */
ul#nav {
  margin: 20px 0 0 0;
  list-style: none;
  color: black;
  font: bold 75% Arial;
}

img.nebenaktiv {
               margin: 0 14px 3px -22px;
               padding: 0;
}

#nav li {
  color: #000000;
  display: block;
  margin: 15px -39px 0 25px;
  padding: 2px 5px 2px 5px;
  text-align: left;
  border-left: 2px solid #5d5d5d;
  /* Breitenangabe notwendig, um den IE-Leerraum-Bug bei Listen zu umgehen */
  width: 168px;
  wid/th: 167px;
}

#nav li.aktiv {
     margin: 15px -39px 0 25px;
     color: #5d5d5d;
}

#nav a:hover,
#nav a:focus,
#nav a:active,
#nav strong {
  color: #5D5D5D;;
}








/* ----------------------------------------------------------
Regeln für die einzelnen Inhaltsbereiche
------------------------------------------------------------- */


/* Startseite
------------------------------------------------------------- */

#startueber {
            font: italic 210% Arial;
            text-align: center;
            margin: 15px 0 25px 5px;
}

#startbild {
           margin: 0;
           padding: 21px 0 0 0;
}

#startbildquer {
               margin: 0;
               padding: 21px 0 0 0;
}

#startbildhoch {
               float: right;
               margin: 0 10px 0 0;
               padding: 0 0 0 10px;
}
#starttext {
           font-size: 120%;
           font-style: italic;
           line-height: 1.7;
           text-align: center;
           position: relative;
           top: 50px;
}
a#startlink {
              text-decoration: underline;
}
/* wir über uns
-------------------------------------------------------------- */
p#infobild1  {
             padding-top: 25px;
             float: left;
}

p#infobild2 {
            margin: 55px 0 0 325px;
            padding: 0 0 20px 0;
}

p#infobild3 {
            padding: 0;
            margin: -20px 0 0 10px;
            float: left;
}


p#infobild4 {
            margin-left: 350px;
            padding: 50px 0 20px 0;
}
p#infobild5 {
            margin: 35px 0 0 75px;
}
p#infotext5 {
            margin: -45px 0 0 195px;
            padding-bottom: 75px;
}

/* Trainingsinhalt
-------------------------------------------------------------- */
p#schwerpunkt {
              padding: 0 0 10px 0;
}
table#tanztabelle {
                  width: 350px;
                  margin: 0 0 0 55px;
                  padding: 0;
}
table#tanztabelle tr {
                  height: 40px;
}

table#tanztabelle td#standard,
                  td#latein {
                  font-weight: bold;
}

table#tanztabelle a {
                  font: 1em arial;
                  text-decoration: underline;
}
h2.zusatz {
          font-size: 1.2em;
          margin: 15px 10px -10px 0;
          float: left;
}
p#zusatz {
          margin: 15px 0 10px 0;
}

/* einzelne Tänze
---------------------------------------------------------- */
p.tanzbeschreibung {
                   height: 300px;
}


/* Navigation in den Tänzen
-----------------------------------------------------------*/
.zuruecklink {
             font-size: .9em;
             margin: 0 25px 0 35px;
             padding: 0;
}
.startlink {
             font-size: .9em;
            margin: 0 25px 0 25px;
            padding: 0;
}

.weiterlink {
             font-size: .9em;
            margin: 0 0 0 25px;
            padding: 0;
}
#invisible {
           color: #ffffff;

}

/* Trainerinfo
-------------------------------------------------------------- */
p#trainerp1 {
            height: 130px;
            width: 276px;
            padding: 0;
            margin: 0;

}

p#trainerbild1 {
               float: right;
               margin: -100px 0 0 -350px;
               padding: 0 0 0 0;
}

p#trainerbild2 {
                 padding: 0;
                 margin: 40px 20px -20px 0;
                 float: left;
}

#trainer {
         margin: 35px 0 10px 135px;
}
#trainerliste {
           list-style-position: inside;
           margin: 0 0 0 135px;
}
#lernen {
        margin: 65px 0 25px 345px;
        text-decoration: underline;
}
#lernliste {
           list-style-position: inside;
           margin: 0 0 70px 345px;
}
#trainerliste,
#lernliste {
           font-family: arial;
           font-size: 100%;
           line-height: 1.5em;
}

/* Trainingszeiten
-------------------------------------------------------------- */
table#trainingszeit {
                    width: 530px;
                    margin: 0 0 15px 10px;
}

table#trainingszeit td {
                    font-family: arial;
                    font-size: 100%;
}

/* Gruppen
-------------------------------------------------------------- */
table#gruppentabelle td.spalte1,
td.spalte3 {
           text-align: center;
           vertical-align: middle;
           width: 50%;
           font-weight: bold 80% arial;
}

table#gruppentabelle td.spalte2 {
                     font: bold 80% arial;
                     vertical-align: middle;
}

#gruppentabelle td#gruppe1 {
               text-align: left;
}
#gruppentabelle td#gruppe2 {
               text-align: right;
}
#gruppentabelle td#gruppe3 {
               text-align: left;
}
#gruppentabelle td#gruppe4 {
               text-align: right;
}

table#gruppentabelle tr {
                     height: 85px;
}

/* Formation
------------------------------------------------------------- */
#formationbild1 {
                float: left;
                margin: 0;
}
#formationstext1 {
                margin: 75px 0 0 355px;
                padding: 0 0 83px 0;
}

#formationbild2 {
                text-align: right;
                margin: -130px 40px 0 0;
                padding: 0;
}
#formationrain,
#formationabba {
               margin: 0;
               padding: 0;
               font-size: 100%;
}

#formationrain {
               text-align: center;
               margin: 0 255px 0 55px;
               padding: 0 200px 0 0;
}
#formationabba {
               text-align: right;
               margin: 50px 365px 0 175px;
               padding: 0;
}


/* Termine
------------------------------------------------------------- */
table#termine {
              width: 600px;
              margin: 20px 0;
}

#termine tr {
         border-bottom: 1px solid black;
}

#termine td {
         height: 45px;
         font-size: 105%;
}

.wochentag {
     width: 50px;
}
.datum {
       width: 80px;
}
.uhrzeit {
         width: 120px;
}
/* Kontaktformular
-------------------------------------------------------------- */
div#kontaktcontent {
                   background-color: #F4F2EB;
                   width: 425px;
}

#kontaktcontent h1 {
                padding: 0 0 0 80px;
}

/**        Kontakt
------------------------------------------------------------- */
#kontaktbild1,
#kontaktdaten2 {
              float: left;
}


#kontaktdaten1 {
               width: 240px;
               margin: 60px 0px 55px 320px;
}
#kontaktdaten1 a {
               font: 110% arial;
               text-decoration: underline;
}

#kontaktdaten2 {
               width: 220px;
               margin: 60px 0 0 0;
               padding: 0 45px 0 60px;
}
#kontaktbild1 {
              margin-top: 25px;
}
#kontaktbild2 {
              margin: 20px 0 0 0;
}

/* Anfahrthinweis
--------------------------------------------------------------- */
#karte1,
#karte2,
#fahrkarte {
        text-align: center;
}
#karte1 {
        float: left;
        margin: 0;
        padding: 0;
}

#karte1 a#ansicht {
        margin: 0;
        font-size: 90%;
        text-decoration: underline;
}
#anfahrttext {
             margin: 45px 25px 75px 375px;
             padding: 25px 25px 25px 25px;
             text-align: center;
}

#hallebild {
           margin: 0 0 0 65px;
           padding: 0;
           border: 1px solid red;
}
#tsvadresse {
            text-align: center;
            padding-bottom: 50px;
            margin: -60px 435px 0 35px;
}
/* Foerderverein -------------------------------------------------------- */
.foerdertext {
             padding: 0 135px 0 0;
}

h3#kontaktueber {
               padding-top: 55px;
               padding-left: 25px;
}

#kontaktadresse {

                padding: 0 0 55px 35px;
}

#kontaktbild {
             float: right;
             margin: -200px 0 50px -350px;
}

/* Buergerball -------------------------------------------------------- */
p#ballp1 { width: 300px; padding: 0; margin: 0; }
p#ballbild1 { float: right; margin: 0 10px 0 0; padding: 0 0 0 10px; }

a#balllink {
              font: 1em arial;
              text-decoration: underline;
}


/* Donau-Tanzsport-Tage
-------------------------------------------------------- */
#linktabelle td {
             height: 120px;
             vertical-align: middle;
}

td.linkbild {
            width: 230px;
}

td.linktext a {
            font-size: 80%;
            text-decoration: underline;
}

/* Impressum
--------------------------------------------------------- */
table#impressumtabelle {
                  margin: 25px 0 55px 0;
}
#impressumtabelle td.spalte1 {
                       width: 220px;
                       text-align: right;
                       vertical-align: middle;
                       font-weight: bold;
}
#impressumtabelle td.spalte2 {
                  width: 200px;
}
#disclaimerlink {
                text-align: center;
}

#impressumtabelle a {
                  font: 110% arial;
                  text-decoration: underline;
}