/**
 * Brunner AG - Druck und Medien, Kriens
 * @copyright      Copyright 2015, Brunner Web, all rights reserved
 * @link           http://www.bag.ch/web
 */

#content .cmsGroup { float: left; }

#content .cmsCell { float: left; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-top: 25px; }
#content .cmsCell.cmsJoinCell { margin-top: 0; }

#content::after { content: ""; display: block; clear: both; height: 0; }

#content .cmsGroup.cmsColSpan1 { width: 20%; }
#content .cmsGroup.cmsColSpan2 { width: 40%; }
#content .cmsGroup.cmsColSpan3 { width: 60%; }
#content .cmsGroup.cmsColSpan4 { width: 80%; }
#content .cmsGroup.cmsColSpan5 { width: 100%; }

#content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan5 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
#content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan4 { width: 80%; padding-left: 1.5%; padding-right: 1.5%; }
#content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan3 { width: 60%; padding-left: 1.5%; padding-right: 1.5%; }
#content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan2 { width: 40%; padding-left: 1.5%; padding-right: 1.5%; }
#content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan1 { width: 20%; padding-left: 1.5%; padding-right: 1.5%; }

#content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan4 { width: 100%; padding-left: 1.87%; padding-right: 1.87%; }
#content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan3 { width: 75%; padding-left: 1.87%; padding-right: 1.87%; }
#content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan2 { width: 50%; padding-left: 1.87%; padding-right: 1.87%; }
#content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan1 { width: 25%; padding-left: 1.87%; padding-right: 1.87%; }

#content .cmsGroup.cmsColSpan3 .cmsCell.cmsColSpan3 { width: 100%; padding-left: 2.49%; padding-right: 2.49%; }
#content .cmsGroup.cmsColSpan3 .cmsCell.cmsColSpan2 { width: 66.66%; padding-left: 2.49%; padding-right: 2.49%; }
#content .cmsGroup.cmsColSpan3 .cmsCell.cmsColSpan1 { width: 33.33%; padding-left: 2.49%; padding-right: 2.49%; }

#content .cmsGroup.cmsColSpan2 .cmsCell.cmsColSpan2 { width: 100%; padding-left: 3.75%; padding-right: 3.75%; }
#content .cmsGroup.cmsColSpan2 .cmsCell.cmsColSpan1 { width: 50%; padding-left: 3.75%; padding-right: 3.75%; }

#content .cmsGroup.cmsColSpan1 .cmsCell.cmsColSpan1 { width: 100%; padding-left: 7.5%; padding-right: 7.5%; }

#content .cmsCol1 { clear:left; }

@media (max-width: 570px) {

  #content .cmsGroup.cmsColSpan5 { width: 100%; }
  #content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan5 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan4 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan3 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan2 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan5 .cmsCell.cmsColSpan1 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }

  #content .cmsGroup.cmsColSpan4 { width: 100%; }
  #content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan4 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan3 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan2 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan4 .cmsCell.cmsColSpan1 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }

  #content .cmsGroup.cmsColSpan3 { width: 100%; }
  #content .cmsGroup.cmsColSpan3 .cmsCell.cmsColSpan3 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan3 .cmsCell.cmsColSpan2 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan3 .cmsCell.cmsColSpan1 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }

  #content .cmsGroup.cmsColSpan2 { width: 100%; }
  #content .cmsGroup.cmsColSpan2 .cmsCell.cmsColSpan2 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }
  #content .cmsGroup.cmsColSpan2 .cmsCell.cmsColSpan1 { width: 100%; padding-left: 1.5%; padding-right: 1.5%; }

  #content .cmsGroup.cmsColSpan1 { width: 100%; }
  #content .cmsGroup.cmsColSpan1 .cmsCell.cmsColSpan1 { width: 99.99%; padding-left: 1.49%; padding-right: 1.49%; }

  #content .cmsCol1,
  #content .cmsCol2,
  #content .cmsCol3,
  #content .cmsCol4,
  #content .cmsCol5 { clear:left; }

}


