/* Style sheet for MCFA. */

/* The background of a normal page (i.e. a frameless one) are	*/
/* the three colors of our logo. We also make sure, that no	*/
/* writing is above the black part of the page and that the	*/
/* color of the writing is black.				*/

BODY.mcfa { 
  background:  white;
  color:       black;
  margin-left: 0;
}

BODY.schlicht { 
  background:  white;
  color:       black;
}

/* The header are defined with various classes, which indicates	*/
/* the size of the used MCFA logo. In all cases the header	*/
/* itself is written to the right of this logo.			*/

H1.mcfa144 {
  background: url(/logos/mcfa144-white.gif) no-repeat top left;
  height:     89px; /*  144 ("real height") - 55 (padding-top) */
  padding:    55px 0px 0px 150px;
  margin-top: 0px;
}
H2.mcfa110 {
  background: url(/logos/mcfa110-white.gif) no-repeat top left;
  height:     68px; /*  110 ("real height") - 42 (padding-top) */
  padding:    42px 0px 0px 120px;
  margin-top: 0px;
}
H2.mcfa80 {
  background: url(/logos/mcfa80-white.gif) no-repeat top left;
  height:     52px; /*  80 ("real height") - 28 (padding-top) */
  padding:    28px 0px 0px 90px;
  margin-top: 0px;
}

/* Adresses look better, if they are a little bit indented...	*/
ADDRESS {
  margin-left : 40px;
  font-style  : italic;
}

/* Please don't display any border around images... */
IMG { border: none; }

/* Quotes look better, if they are a printed in italics...	*/
Q { font-style : italic; }

/* Die Inschriften von Gedenksteinen, wie sie besonders auf	*/
/* den Seiten der Stattfahrt gern dargestellt werden.		*/

P.inschrift {
  border:       2px ridge white;
  background:   gray url(/stattfahrt/paper.gif);
  color:        black;
  margin-left:  12%;
  margin-right: 12%;
  font-weight:  bold;
  text-align:   center;
  padding:      10px;
}

/* Gruppenregeln sehen huebscher aus, wenn zwischen		*/
/* den einzelnen "Geboten" etwas Luft ist.			*/
OL.regeln LI { margin-top : 10px; }

/* lastEdit: display a red box pointing to the most recent updates. */
P.lastEdit {
  text-align:   right;
  margin-right: 20px;
  font-family:  Helvetica, sans-serif;
  font-size:    100%;
}
P.lastEdit SPAN {
  color:      yellow;
  background: red;
}
P.lastEdit SPAN A {
  color:       white;
  background:  red;
  font-weight: bold;
}

P.popup {
  display:    none;
  visibility: hidden;
}

A { /* Beim Ausdrucken stoeren Unterstriche. */
  text-decoration : none;
  color           : blue;
  background      : white;
}

/* Das Kleingedruckte soll auch so aussehen... */
P.kleingedruckt { font-size : smaller }

/* Bilder mit einem Rahmen darstellen. */

IMG.gerahmt {
  padding:             4px;
  border:              1px solid;
  border-top-color:    #d9e0e6;
  border-left-color:   #d9e0e6;
  border-right-color:  #c8cdd2;
  border-bottom-color: #c8cdd2;
  background:          #f8f8f8;
  color:               black;
}

.rechts {
  float       : right;
  clear       : right;
  margin-left : 10px;
}

.links {
  float        : left;
  clear        : left;
  margin-right : 10px;
}

.zentriert {
  text-align : center;
}

DIV.bild_text {
  font-size  : smaller;
  text-align : center;
}

UL.logos {
  padding-left: 0;
}

UL.logos LI {
  float:      left;
  list-style: none;
  margin-left: 4px;
}

/* Hier kommen jetzt die Regeln fuer das zweispaltige Layout */
/* mit der Navigationsleiste am linken roten Rand.           */

.navigation {
  display : none;
}

.inhalt {
  margin-left : 0;
}

/* Hier kommt ein Trick, der dafuer sorgen soll, dass */
/* ein Link moeglich wie normaler Text aussieht.      */
A.unecht {
  text-decoration : none;
  background      : white;
  color           : black;
}

/* Hier kommen jetzt die Regeln fuer das einfache Layout */
/* mit der Navigationsleiste unten.                      */

.navigation_unten {
  display : none;
}

/* Die Defintionen fuer die Leute-Seite. */
BODY.leute {
  background   : white;
  color        : black;
  padding-left : 0;
  margin-left  : 0;
}

.leute TABLE {
  border          : none;
  border-collapse : collapse;
}

.leute TD {
  margin      : 0;
  padding     : 10px;
  white-space : nowrap;
}

.leute .bild {
  text-align : center;
  background : white;
}

.leute .name {
  vertical-align : top;
  font-size      : larger;
  background     : white;
  color          : black;
}

PRE.wichtig {
  background : yellow;
  color      : black;
}

/* Die Vorgaben fuers Gaetsebuch: */

H3.gaeste_subject {
  font-size : x-large;
  border-top: 2px #ddd groove;
  padding-top: 6px;
  margin:  0;
}

P.gaeste_von {
  margin-top: 0;
  padding-top: 0;
  font-weight: bold;
}

/*
 * Im Kalender wird der Monat nicht von den Navigations-Buttons flankiert.
 */
.header {
  padding:           0 !important;
  font-size:         xx-large;
  font-weight:       bold;
  page-break-before: always;
}
.header a {
  display: none;
}
.header:first-child {
  page-break-before: auto;
}
.motoGP {
  background: url(/logos/motogp.gif) transparent 0 0 no-repeat !important; 
}
.gebKind a {
  background-color: transparent;
}