/**
  Grid framework 1.0
  GGD Amsterdam
  2014
  
  .container_12         :: Het grid sluit naadloos aan elkaar
  .container_12_margin  :: Het grid heeft tussen de kolommen een margin
**/

/*******************************************/
/***      GRID 12 :: WITHOUT MARGIN      ***/
/*******************************************/

.container_12 {
  width: 960px;
  overflow: hidden;
  clear: both;
}

.grid {
  display: inline;
  float: left;
  position: relative;
  overflow: hidden;
}

.dag {
  display: inline;
  float: left;
  position: relative;
  overflow: hidden;
}

.grid_12 { width: 960px; }
.grid_11 { width: 880px; }
.grid_10 { width: 800px; }
.grid_9 { width: 720px; }
.grid_8 { width: 640px; }
.grid_7 { width: 560px; }
.grid_6 { width: 480px; }
.grid_5 { width: 400px; }
.grid_4 { width: 320px; }
.grid_3 { width: 240px; }
.grid_2 { width: 160px; }
.grid_1 { width: 80px; }
.dag {width: 130px;}

/*******************************************/
/***       GRID 12 :: WITH MARGIN        ***/
/*******************************************/

.container_12_margin {
  width: 940px;
  overflow: hidden;
  clear: both;
}

.container_12_margin .grid_1,
.container_12_margin .grid_2,
.container_12_margin .grid_3,
.container_12_margin .grid_4,
.container_12_margin .grid_5,
.container_12_margin .grid_6,
.container_12_margin .grid_7,
.container_12_margin .grid_8,
.container_12_margin .grid_9,
.container_12_margin .grid_10,
.container_12_margin .grid_11,
.container_12_margin .grid_12 {
  margin-right: 20px;
}

.container_12_margin .dag {margin-left:3px;}

.container_12_margin .grid_12 { width: 940px; }
.container_12_margin .grid_11 { width: 860px; }
.container_12_margin .grid_10 { width: 780px; }
.container_12_margin .grid_9 { width: 700px; }
.container_12_margin .grid_8 { width: 620px; }
.container_12_margin .grid_7 { width: 540px; }
.container_12_margin .grid_6 { width: 460px; }
.container_12_margin .grid_5 { width: 380px; }
.container_12_margin .grid_4 { width: 300px; }
.container_12_margin .grid_3 { width: 220px; }
.container_12_margin .grid_2 { width: 140px; }
.container_12_margin .grid_1 { width: 60px; }

.container_12_margin .grid_12,
.container_12_margin .grid.last { margin-right: 0px; }

/*******************************************/
/***         GRID 12 :: GENERAL          ***/
/*******************************************/

.clear { clear: both; }

.margin_top { margin-top: 10px; } /* JEJG */
.margin_top_5 { margin-top: 5px; }
.margin_top_10 { margin-top: 10px; }
.margin_top_15 { margin-top: 15px; }
.margin_top_20 { margin-top: 20px; }
.margin_top_30 { margin-top: 30px; }
.margin_top_40 { margin-top: 40px; }
.margin_top_50 { margin-top: 50px; }
.margin_top_90 { margin-top: 90px; }

.margin_left { margin-left: 10px; } /* JEJG */
.margin_left_5 { margin-left: 5px; }
.margin_left_10 { margin-left: 10px; }
.margin_left_15 { margin-left: 15px; }
.margin_left_20 { margin-left: 20px; }
.margin_left_30 { margin-left: 30px; }
.margin_left_40 { margin-left: 40px; }
.margin_left_50 { margin-left: 50px; }
.margin_left_90 { margin-left: 90px; }

.margin_bottom { margin-bottom: 10px; } /* JEJG */
.margin_bottom_5 { margin-bottom: 5px; }
.margin_bottom_10 { margin-bottom: 10px; }
.margin_bottom_15 { margin-bottom: 15px; }
.margin_bottom_20 { margin-bottom: 20px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_bottom_40 { margin-bottom: 40px; }
.margin_bottom_50 { margin-bottom: 50px; }
.margin_bottom_90 { margin-bottom: 90px; }

.margin_right { margin-right: 10px; } /* JEJG */
.margin_right_5 { margin-right: 5px; }
.margin_right_10 { margin-right: 10px; }
.margin_right_15 { margin-right: 15px; }
.margin_right_20 { margin-right: 20px; }
.margin_right_30 { margin-right: 30px; }
.margin_right_40 { margin-right: 40px; }
.margin_right_50 { margin-right: 50px; }
.margin_right_90 { margin-right: 90px; }

.padding_top_5 { padding-top: 5px; }
.padding_top_10 { padding-top: 10px; }
.padding_top_15 { padding-top: 15px; }
.padding_top_20 { padding-top: 20px; }
.padding_top_50 { padding-top: 50px; }
.padding_top_90 { padding-top: 90px; }

.padding_bottom { padding-bottom: 10px; } /* JEJG */
.padding_bottom_5 { padding-bottom: 5px; }
.padding_bottom_10 { padding-bottom: 10px; }
.padding_bottom_15 { padding-bottom: 15px; }
.padding_bottom_20 { padding-bottom: 20px; }
.padding_bottom_50 { padding-bottom: 50px; }
.padding_bottom_90 { padding-bottom: 90px; }

.padding_left_5 { padding-left: 5px; }
.padding_left_10 { padding-left: 10px; }
.padding_left_15 { padding-left: 15px; }
.padding_left_20 { padding-left: 20px; }
.padding_left_50 { padding-left: 50px; }
.padding_left_90 { padding-left: 90px; }

.padding_right { padding-right: 10px; } /* JEJG */
.padding_right_5 { padding-right: 5px; }
.padding_right_10 { padding-right: 10px; }
.padding_right_15 { padding-right: 15px; }
.padding_right_20 { padding-right: 20px; }
.padding_right_50 { padding-right: 50px; }
.padding_right_90 { padding-right: 90px; }