
/*** alistapart.com holygrail start http://www.alistapart.com/articles/holygrail/ ***/

/*
  LC: 220px, padding 20px
  CC: 560px, padding 20px
  RC: 120px, padding 20px
*/
/*
body {
  min-width: 980px;      /* 2x (LC fullwidth + CC padding) + RC fullwidth, was 630 
}*/
div#page { margin: 10px auto; width: 980px; }
div#container { overflow: hidden; }
div#container .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}
div#footer { 	
  /*position: absolute;*/
  left: 0px;
  bottom: 0px;
  height: 20px;
  width: 980px;
}

/* 3COL */
#container-3col {
  padding-left: 240px;   /* LC fullwidth , was 200 */ 
  padding-right: 160px;  /* RC fullwidth + CC padding, was 190 */
  width: 567px;
}
#container-3col .column {
  position: relative;
  float: left;
}
#center-3col {
  padding: 20px 10px;    /* CC padding */
  width: 480px;          /* was 100% */
}
#left-3col {
  margin-left: -480px;    /* was -100%; */
  padding: 0px 0px;       /* LC padding, was 0 10px */
  right: 260px;          /* LC fullwidth + CC padding, was 240 */
  width: 220px;          /* LC width = LC full - LC padding left/right, was 180 */
}
#right-3col {
  width: 200px;          /* RC width, was 130 */
  padding: 20px 20px;       /* RC padding, was 0 10 */
  margin-right: -260px;  /* -1*(RC fullwidth + CC padding), was -190 */
}
#container-3col {
  overflow: hidden;
}
#container-3col .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}

/* 3COLNOMENU, no holygrail! */
#container-3col-nomenu {
  width: 980px;
}
#container-3col-nomenu .column {
  position: relative;
  float: left;
}
#left-3col-nomenu {
  margin: 20px 20px 20px 0px;
  width: 313px;
}
#center-3col-nomenu {
  margin: 20px 20px 20px 0px;
  width: 313px;
}
#right-3col-nomenu {
  margin: 20px 0px;
  width: 313px;          /* RC width, was 130 */
}
#container-3col-nomenu {
  overflow: hidden;
}
#container-3col-nomenu .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}


/* 2COL */
#container-2col {
  padding-left: 220px;   /* LC fullwidth , was 200 */ 
  padding-right: 0px;  /* RC fullwidth + CC padding, was 190 */
  width: 707px;
}
#container-2col .column {
  position: relative;
  float: left;
}
#center-2col {
  padding: 20px;    /* CC padding */
  width: 707px;          /* was 100% */
}
#left-2col {
  margin-left: -707px;    /* was -100%; */
  padding: 0px 0px;       /* LC padding, was 0 10px */
  right: 260px;          /* LC fullwidth + CC padding, was 240 */
  width: 220px;          /* LC width = LC full - LC padding left/right, was 180 */
}
#container-2col {
  overflow: hidden;
}
#container-2col .column {
  padding-bottom: 20060px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}

/* Startseite aehnlich 2COL, aber keine Spalten vertauscht!*/
#container-startseite {
  width: 980px;
  background: white url() repeat scroll 0%;
  overflow: hidden;
}
#container-startseite .column {
  position: relative;
  float: left;
}
#container-startseite .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}
#left-startseite {
  padding: 20px 0px 0px 40px;
  width: 324px; 
  background: white url() repeat scroll 0%;
}
#center-startseite {
  padding: 20px 0px 20px 40px;
  width: 566px;
  background: white url() repeat scroll 0%;
}

/* 1COL */
#container-1col {
  padding-left: 0px;   /* LC fullwidth , was 200 */ 
  padding-right: 0px;  /* RC fullwidth + CC padding, was 190 */
  width: 980px;
}
#container-1col .column {
  position: relative;
  float: left;
}
#container-1col {
  overflow: hidden;
}
#container-1col .column {
  padding-bottom: 20010px;  /* X + padding-bottom */
  margin-bottom: -20000px;  /* X */
}
#center-1col {
  padding: 10px 10px;    /* CC padding */
  width: 940px;          /* was 100% */
}

/*** alistapart.com holygrail end ***/
