/* CSS Stil für die Webseiten des Waldorf-Kindergartens Karlsruhe
 * www.WaldorfKindergarten-Karlsruhe.de
 * Zusätzlich Dinge, die Netscape 4.x nicht mehr "versteht"
 * Ohne Microsoft Internet-Explorer
 * Author: Dr. Jürgen Vollmer, Karlsruhe,
 *         <Juergen.Vollmer@informatik-vollmer.de>
 * 2005(C) Copyright: Waldorf-Kindergarten Karlsruhe
 * $Id: wakiga.css,v 1.21 2010/03/07 21:37:27 vollmer Exp $
 */

/* Allgemeines, Redefinitioned für wakiga-base.css */
body {
 background  : url(../images/background.jpg) fixed;
}

/* "Frames"
 * siehe http://aktuell.de.selfhtml.org/artikel/css/footer/beispiel6.htm
 */

body {
 position:absolute;
}
html, body {
  top        : 0;
  left       : 0;
  right      : 0;
  min-height : 100%;
  margin     : 0;
  padding    : 0;
  width      : 100%;
}
#header_container {
  position   : fixed;
  top        : 0;
  left       : 0;
  right      : 0;
  text-align : center;
  margin     : 0;
  height     : 110px; /* 90px Logo-Höhe + h1-Höhe */
  z-index    : 3;
}

#header	{
  position   : absolute;
  top        : 0;
  left       : 0;
  right      : 0;
  bottom     : 0;
  height     : 100%;
  z-index    : 3;
  margin     : 0;
  padding    : 0.2em;
  width      : 100%;
  background : url(../images/background.jpg) fixed;
}
#header table {
  border-bottom-style: ridge;
  border-bottom-width: 2px;
}
#header h1 {
  margin             : 0px;
  padding            : 0px;
}

#navigation {
  position    : fixed;
  border      : none;
  margin      : 0;
  padding-top : 120px; /* >= header_container::hight  */
  left        : 0px;
  width       : 100px;
  height      : 100%;
  z-index     : 3;
}
#navigation a {
  margin-left: 10px;
  margin-top:  5px;
  width:       100px;
  height:      20px;
  display:     block;

}
#navigation .invisible {
  display:  none;
}

#content {
  margin         : 0;
  padding-left   : 120px; /* navigation::width +20px  */
  padding-top    : 120px; /* navigation::hight  */
  z-index        : 2;
}

#footer_container {
  position       : fixed;
  bottom         : 0;
  left           : 0;
  right          : 0;
  text-align     : center;
  margin         : 0;
  height         : 3em;
  z-index        : 3;
}
#footer	{
  position       : absolute;
  top            : 0;
  left           : 0;
  right          : 0;
  bottom         : 0;
  background     : url(../images/background.jpg) fixed;
  z-index        : 3;
}

/* head table */
table.head {
  cellspacing    : 0;
  cellpadding    : 0;
  width          : 100%;
  border         : 1;
  table-layout   : fixed;
}
img.head {
  border         : none;
}

.center {
  text-align : center;
}
.right {
  text-align : right;
}

.red {
  color: red;
}

.bold {
 font-weight : bold;
}

/*****************************************************************************/