/* Stylesheet zur Formatierung der Ausgabe der Homepage */
/* der Clausthaler Tanzbaeren */
/* Joachim Wittwer, 2003 */



/*------------------------------------------------------*/
/* Schriftart und -groesse fuer alle Dokumente */

body {
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:10pt;
}

/* auch fuer Tabellen */
td {
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:10pt;
  vertical-align:top;
}

/* Link-Farbe und Stil */
A:link, A:visited {
  text-decoration:none;
  font-weight: bold;
  color:#006600;
}

A:hover, A:active {
  color:#AAAAAA;
}


/* Ueberschriften */
h1 {
  font-size:14pt;
  color:#006600;
}

h2 {
  font-size:12pt;
  color:#006600;
}

h3 {
  font-size:10pt;
  color:#006600
}

/*------------------------------------------------------*/



/*------------------------------------------------------*/
/* Styleangaben fuer Top-Frame */

/* Kopfzeile mit Navigation und LogoHintergrundfarbe */
body.top {
  background-color:#F8F8FF;
}

td.top {
  color:white;
  background-color:#006600;
  vertical-align:middle
}

td.tanzbaeren {
  vertical-align:middle
}

.top:link, .top:visited {
  font-weight:bold;
  color:white;
}

.top:hover, .top:active {
  color:#AAAAAA;
}

/* Ueberschrift im Top-Frame */
.header {
  font-family:'Comic Sans MS', sans-serif; 
  font-size:30pt;
  color:#006600;
}

.headersmall {
  font-family:'Comic Sans MS', sans-serif; 
  font-size:16pt;
  color:#006600;
}

/*------------------------------------------------------*/



/*------------------------------------------------------*/
/* Styleangaben fuer Nav-Frame */

body.nav {
  background-color:#F8F8FF;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
  margin-right:10px;
}

.nav { 
  color:black;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
  margin-right:10px;
}

/*a.nav {*/
/*  font-weight: bold;*/
/*  color:#006600;*/
/*}*/

.nav p{
  margin-top:7px;
  margin-bottom:7px;
}

/*------------------------------------------------------*/



/*------------------------------------------------------*/
/* Hauptfenster */

body.main {
  background-color:#FFFFFF;
  margin-top:10px;
  margin-left:10px;
  margin-bottom:10px;
  margin-right:10px;
  text-align:justify;
}

li {
  margin-top:10px;
  margin-right:30px;
  text-align:justify;
}

/* td a { 
  decoration:none;
} */

input.topic {
  font-family:arial, verdana, helvetica, sans-serif;
  font-size:55pt;
  text-align:left;
  margin-top:10px;
  margin-left:30px;
/*  margin-bottom:20px;
  margin-right:550px; */
}

p.topic {
  text-align:justify;
  margin-top:10px;
  margin-left:30px;
  margin-bottom:20px;
  margin-right:50px;
}

table.topic {
  text-align:justify;
  margin-top:10px;
  margin-left:30px;
  margin-bottom:20px;
  margin-right:50px;
}

h3.topic {
  font-weight:bold;
  color: white;
  background-color:#006600;
  text-indent:10px;
  margin-top:20px;
  margin-left:20px;
  margin-bottom:10px;
  margin-right:20px; 
}

p.subtopic {
  text-align:justify;
  margin-top:10px;
  margin-left:30px;
  margin-bottom:20px;
  margin-right:50px;
}

h4.subtopic {
  font-weight:bold;
  color:black;
/*  background-color:#006600;*/
  text-indent:20px;
  margin-top:10px;
  margin-left:30px;
  margin-bottom:5px;
  margin-right:20px;
}

td.photo {
  vertical-align:middle;
  text-align:center;
}

.date {
  font-size:8pt;
  color:#222222;
  text-align:right;
}

/*------------------------------------------------------*/



/*------------------------------------------------------*/
/* Fusszeile */

body.bottom {
  background-color:#F8F8FF;
}

/*------------------------------------------------------*/



/*------------------------------------------------------*/
/* Leere Frames */

body.blank {
  background-color:#FFFAFA;
}

/*------------------------------------------------------*/