/**
  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;
}

.row .left {
  text-align: left;
}

.grid {
  display: inline;
  float: left;
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.grid_overflow {
  display: inline;
  float: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.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; }

/*******************************************/
/***       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 .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 :: MARGIN          ***/
/*******************************************/

.no_margin { margin: 0; }

.margin_top_0 { margin-top: 0px; } /* 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_25 { margin-top: 25px; }
.margin_top_30 { margin-top: 30px; }
.margin_top_40 { margin-top: 40px; }
.margin_top_50 { margin-top: 50px; }
.margin_top_75 { margin-top: 75px; }
.margin_top_100 { margin-top: 100px; }
.margin_top_125 { margin-top: 125px; }
.margin_top_150 { margin-top: 150px; }
.margin_top_175 { margin-top: 175px; }
.margin_top_200 { margin-top: 200px; }
.margin_top_225 { margin-top: 225px; }
.margin_top_250 { margin-top: 250px; }
.margin_top_275 { margin-top: 275px; }
.margin_top_300 { margin-top: 300px; }
.margin_top_325 { margin-top: 325px; }
.margin_top_350 { margin-top: 350px; }
.margin_top_375 { margin-top: 375px; }
.margin_top_400 { margin-top: 400px; }
.margin_top_425 { margin-top: 425px; }
.margin_top_450 { margin-top: 450px; }
.margin_top_475 { margin-top: 475px; }
.margin_top_500 { margin-top: 500px; }
.margin_top_525 { margin-top: 525px; }
.margin_top_550 { margin-top: 550px; }
.margin_top_575 { margin-top: 575px; }
.margin_top_600 { margin-top: 600px; }
.margin_top_625 { margin-top: 625px; }
.margin_top_650 { margin-top: 650px; }
.margin_top_675 { margin-top: 675px; }
.margin_top_700 { margin-top: 700px; }
.margin_top_725 { margin-top: 725px; }
.margin_top_750 { margin-top: 750px; }
.margin_top_775 { margin-top: 775px; }
.margin_top_800 { margin-top: 800px; }
.margin_top_825 { margin-top: 825px; }
.margin_top_850 { margin-top: 850px; }
.margin_top_875 { margin-top: 875px; }
.margin_top_900 { margin-top: 900px; }
.margin_top_925 { margin-top: 925px; }
.margin_top_950 { margin-top: 950px; }
.margin_top_975 { margin-top: 975px; }
.margin_top_1000 { margin-top: 1000px; }
.margin_top_1025 { margin-top: 1025px; }
.margin_top_1050 { margin-top: 1050px; }
.margin_top_1075 { margin-top: 1075px; }
.margin_top_1100 { margin-top: 1100px; }
.margin_top_1125 { margin-top: 1125px; }
.margin_top_1150 { margin-top: 1150px; }
.margin_top_1175 { margin-top: 1175px; }
.margin_top_1200 { margin-top: 1200px; }
.margin_top_1225 { margin-top: 1225px; }
.margin_top_1250 { margin-top: 1250px; }
.margin_top_1275 { margin-top: 1275px; }
.margin_top_1300 { margin-top: 1300px; }
.margin_top_1325 { margin-top: 1325px; }
.margin_top_1350 { margin-top: 1350px; }
.margin_top_1375 { margin-top: 1375px; }

.margin_bottom_0 { margin-bottom: 0px; } /* 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_25 { margin-bottom: 25px; }
.margin_bottom_30 { margin-bottom: 30px; }
.margin_bottom_40 { margin-bottom: 40px; }
.margin_bottom_50 { margin-bottom: 50px; }

.margin_left_0 { margin-left: 0px; } /* JEJG */
.margin_left_1 { margin-left: 1px; }
.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_25 { margin-left: 25px; }

/*******************************************/
/***         GRID 12 :: PADDING          ***/
/*******************************************/
.no_padding { padding: 0; }
.padding_right_5 { padding-right: 5px; }
.padding_right_10 { padding-right: 10px; }
.padding_right_20 { padding-right: 20px; }
.padding_left_5 { padding-left: 5px; }
.padding_left_10 { padding-left: 10px; }
.padding_left_20 { padding-left: 20px; }

/*******************************************/
/***         GRID  ::  LOCATION          ***/
/*******************************************/

.float_right { float: right }
.clear { clear: both; }
.content_hidden { display: none; }
.invisible { visibility: hidden; }
.text_right { text-align: right; }