/* 
  Version: $Revision: 1.9.2.1 $
  Name:Grids
  Autor:Matthias Redmann
  Description:Create grids like a table !! See grids*.html in FF !!
  Creation Date:04/2009
  Example (3 columns without space):<div class="u-row"><div class="u-col-13">...</div><div class="u-col-13">...</div><div class="u-col-13">...</div></div>
  Example (3 columns with space):<div class="u-row"><div class="u-col-13-sp u-col-first">...</div><div class="u-col-13-sp">...</div><div class="u-col-13-sp u-col-last">...</div></div>
*/

/*
  =GRIDS - GLOBAL
  =GRIDS - WITHOUT SPACE
  =GRIDS - WITH SPACE
  =GRIDS - FIRST / LAST ELEMENT
  =GRIDS - LEFT RIGHT
  =SPACES
*/

/* =GRIDS - GLOBAL
   -----------------------------------------------------------------*/
.u-row,.u-col-last{overflow:hidden;_zoom:1;}
.u-row{float:none;clear:both;}

/* =GRIDS - WITHOUT SPACE
   -----------------------------------------------------------------*/
.u-col-12,.u-col-13,.u-col-23,.u-col-14,.u-col-24,.u-col-34,.u-col-15,.u-col-25,.u-col-35,.u-col-45,.u-col-16,.u-col-26,.u-col-36,.u-col-46,.u-col-56 {
  float:left;_zoom:1;
}
.u-col-12,.u-col-24,.u-col-36{width:50%;}
.u-col-13,.u-col-26{width:33.3333%;}
.u-col-23,.u-col-46{width:66.6666%;}
.u-col-14{width:25%;}
.u-col-34{width:75%;}
.u-col-15{width:20%;}
.u-col-25{width:40%;}
.u-col-35{width:60%;}
.u-col-45{width:80%;}
.u-col-16{width:16.6666%;}
.u-col-56{width:83.3333%;}

/* =GRIDS - WITH SPACE
   -----------------------------------------------------------------*/
.u-col-12-sp,.u-col-13-sp,.u-col-23-sp,.u-col-14-sp,.u-col-24-sp,.u-col-34-sp,.u-col-15-sp,.u-col-25-sp,.u-col-35-sp,.u-col-45-sp,.u-col-16-sp,.u-col-26-sp,.u-col-36-sp,.u-col-46-sp,.u-col-56-sp {
  float:left;_zoom:1;margin:0 0.20%;
}
.u-col-11-sp{margin:0 0.45%;}
.u-col-12-sp,.u-col-24-sp,.u-col-36-sp{width:49.1%;}
.u-col-13-sp,.u-col-26-sp{width:32.4333%;}
.u-col-23-sp,.u-col-46-sp{width:65.7666%;}
.u-col-14-sp{width:24.1%;}
.u-col-34-sp{width:74.1%;}
.u-col-15-sp{width:19.1%;}
.u-col-25-sp{width:39.1%;}
.u-col-35-sp{width:59.1%;}
.u-col-45-sp{width:79.1%;}
.u-col-16-sp{width:15.7666%;}
.u-col-56-sp{width:82.4333%;}

/* =GRIDS - FIRST / LAST ELEMENT - XXX: use always .u-col-last for ie6
   -----------------------------------------------------------------*/
.u-col-first{margin-left:0;margin-right:0.9%;}
.u-col-last{float:right;margin:0;*position:relative;*left:-3px;*margin-right:-3px;}

/* =GRIDS - LEFT RIGHT - 2 parts: once float left and once right - Implementation:<div class="u-col-left">floating left</div><div class="u-col-right">floating right</div>
   -----------------------------------------------------------------*/
.u-col-left{float:left;}
.u-col-right{float:right;}

/* =SPACES
   -----------------------------------------------------------------*/
.u-row-sp-10{margin:10px 0;}
.u-row-sp-10-t{margin-top:10px;}
.u-row-sp-10-b{margin-bottom:10px;}
.u-row-sp-15{margin:15px 0;}
.u-row-sp-15-t{margin-top:15px;}
.u-row-sp-15-b{margin-bottom:15px;}
.u-row-sp-20{margin:20px 0;}
.u-row-sp-20-t{margin-top:20px;}
.u-row-sp-20-b{margin-bottom:20px;}
.u-row-sp-30{margin:30px 0;}
.u-row-sp-30-t{margin-top:30px;}
.u-row-sp-30-b{margin-bottom:30px;}
.u-row-sp-40{margin:40px 0;}
.u-row-sp-40-t{margin-top:40px;}
.u-row-sp-40-b{margin-bottom:40px;}