/*
    Document   : layout
    Created on : 8-mrt-2013, 16:54:46
    Author     : Rogier van Onna, ELONISAS.nl
    Description: Default layout style
*/

/* Layout */
#page {
  width: 960px;
  margin: 0 auto; }

/* Content */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0; }

/* Header */
#header { clear: both; }

/* Footer */
#footer { float: none; clear: both; }

/* Sidebars */
.sidebar { float: left; }

#sidebar-right { float: right; }

.two-sidebars .center,
.sidebar-left .center {
  margin-left: 210px; }

#sidebar-left {
  width: 190px;
  margin-right: -210px; }

.two-sidebars .center,
.sidebar-right .center {
  margin-right:230px; }

#sidebar-right { width: 230px; }

/* Responsive design */
@media all and (max-width: 768px), only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px), only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px), only screen and (min-resolution: 192dpi) and (max-width: 1024px), only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
  #page {
    width:auto;
  }
  #content {
    float:none;
  }
  #content-inner {
    margin-left:0;
    margin-right:0;
  }
  #content-area {
    width:auto;
  }
  #sidebar-left {
    float: none;
  }
  #sidebar-right {
    float: none;
  }
}