@import "common.less";
/** * @file * Positioning for responsive layout . * * Define CSS classes to create a table-free, 3-column, 2-column, or single * column layout depending on whether blocks are enabled in the left or right * columns. * * This layout uses the Zen Grids plugin for Compass: http://zengrids.com */
/* * Center the page. */
#page, .region-bottom {
/* For screen sizes larger than @maxWidth, prevent excessively long lines of text by setting a max-width. */
  margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: @maxWidth;
}
/* * Apply the shared properties of grid items in a single, efficient ruleset. */
#header, #content, .region-sidebar-first, .region-sidebar-second, #footer {
	.boxSizing(border-box);
	_display: inline;
	_overflow: hidden;
	_overflow-y: visible;
}
/* * Containers for grid items and flow items. */
#header, #main, #footer {
	*position: relative;
	*zoom: 1;
}
#header:before, #header:after, #main:before, #main:after, #footer:before, #footer:after {
	content: "";
	display: table;
}
#header:after, #main:after, #footer:after {
	clear: both;
}
/*   * The layout when there is only one sidebar, the left one.   */
.sidebar-first {
  #content {
  /* Span 4 columns, starting in 2nd column from left. */
    .colSetup (@col4of5, 1*@col1of5);
  }  
  .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */ 
    .colSetup (@col1of5, 0*@col1of5);
  }
}
/*   * The layout when there is only one sidebar, the right one.   */
.sidebar-second {
  #main {
  	width: @col1of1;
  	overflow: hidden;
  }   
  #content {
  /* Span 4 columns, starting in 1st column from left. */ 
  	width: @col4of6;
  	float: left;
    @media all and (max-width: @rspBreakPoint1) {
      width: @col1of1;
    }
  }
  .sidebars {
  	width: @col2of6;
  	float: right;   
    @media all and (max-width: @rspBreakPoint1) {
      width: @col1of1;
    }   
  } 
  .region-sidebar-second {
  /* Span 5 column, starting in 1st column from left. */
  	width: @col1of1;
  	float: right;
  }
}
/*   * The layout when there are two sidebars.   */
.two-sidebars {  
/* Collected - 20130827 jeth */ 
  #content {
  /* Span 3 columns, starting in 2nd column from left. */ 
    .colSetup (@col3of5, 1*@col1of5);
    @media all and (max-width: @rspBreakPoint2) {
      .colSetup (@col4of10, @col3of10);
    }
  }  
  .region-sidebar-first,
  .region-sidebar-second {
    @media all and (max-width: @rspBreakPoint2) { 
      opacity: 0.65;
      h2.block-title {
        // font-size: @smallFontSize;
        line-height: 1.4;
      }
    }  
  }
  .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */  
    .colSetup (@col1of5, 0*@col1of5); 
    @media all and (max-width: @rspBreakPoint2) {
      .colSetup (@col3of10, 0%);
    }
  }
  .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */  
    .colSetup (@col1of5, 4*@col1of5);  
    @media all and (max-width: @rspBreakPoint2) {
      .colSetup (@col3of10, @col3of10+@col4of10);
    }
  } 
}
/*   * UNI-Cs egne regioner   */
.nyheder .region, .udtraek .region {
	width: @col2of6;
	float: left;
}
.region-anbefalinger, .region-tvaergaaende, #footer, #main {
	width: @col1of1;
}