/*

  layout.css

  
  Het responsive Framework:
*/

  /* Section(s) */
#top,
#top-nav,
footer.main,
section.main {
  clear: both;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0;
  position: relative;
  
  text-align: left;
  zoom: 1;
}
section.main:after { content: ""; display: table; clear: both; }

#main:focus {
  outline: none;
}

section.main > h1 {
  padding: 48px 0 0 30px;
  
}
section.main > .content-primary > h1 {
  padding: 20px 0 0 0;
}


.content-primary {
  position: relative;
  float: left;

  margin: 0 10px; /* TODO: set def. */
  padding: 0 20px; /* TODO: set def. */
  width: 580px; /* 620 */
}

.columns-2-0 .content-primary {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
section.main.columns-2-0 > h1 {
  margin-left: auto;
  max-width: 610px;
  margin-right: auto;
}


.blocks {
  float: left;
}

.columns-2-1 .blocks {
  width: 320px;
}


.content-primary .blocks {
  margin-left: -30px;
  margin-right: -30px;
  width: 640px;
  zoom: 1;
  padding-top: 0;
}
.content-primary .blocks:after { content: ""; display: table; clear: both; }




.block {
  position: relative;
  float: left;
  margin: 0 10px 20px 10px; /* TODO: set def. top/bottom */
  padding: 20px 20px 20px 20px; /* TODO: set def. */
  width: 258px; /* 300 (2px border) */

  min-height: 100px; /* TODO: set def. */
}


.content-primary .block {
  /* max-width: 100%; */
}
.content-primary > .block {
  margin-left: -20px;
  margin-right: -20px;
  
}

.block-wide {
  width: 578px;
}



/* Main: Header */

/* Main Nav: */
#top {
  position: relative;
  z-index: 1000;
  height: 90px;
  max-width: 1020px;
}

#top-nav {
  //NYX fixed --> relative
  position: relative;
  z-index: 1001;
  //NYX  top: 0;
  margin: 0 auto;
  min-height: 80px;
  width: 100%;
  max-width: 1020px;
}

/* Nav-Mobile in principe niet zichtbaar */
#nav-mobile {
  display: none;
}


/* Main: Footer */

footer.main {
  clear: both;
  width: 940px;
  min-height: 318px;
}
footer.main .blocks {
  margin-left: -10px;
  margin-right: -10px;
}
footer.main .blocks:after { content: ""; display: table; clear: both; }


.mainvisual {
	padding: 0px 0px;
}