@charset "utf-8";
/* grid_col3b.css */

header {
    /*margin-bottom: 5px;*/
	padding: 0px;
	grid-area: header;
	display: grid;
	grid-template-columns: repeat(24, 1fr);
}
header #logo {
	grid-column: 2 / 6;
	grid-row: 1 / 2;	
}
header #logo img {
	max-width: 245px;	
}
header #menu {
	grid-column: 6 / 22;
	grid-row: 1 / 2;
	padding-left: 43px;	
}
header #miniweer {
	grid-column: 22 / 23;
	grid-row: 1 / 2;
}
header #searchbox {
	grid-column: 18 / 21;
	grid-row: 1 / 2;
}
header #favorites {
	grid-column: 22 / 23;
	grid-row: 1 / 2;
}
header #usermenu {
	grid-column: 23 / 25;
	grid-row: 1 / 2;
}

#slogan, slogan {
	padding: 0px;
	height: 110px;
	background-color: #006558;
	grid-area: slogan;
	display: grid;
	grid-template-columns: repeat(24, 1fr);
}
#slogan .column1, #slogan #column1, slogan .column1, slogan #column1 {
	grid-column: 2 / 4;
	grid-row: 1 / 2;	
}
#slogan .column2, #slogan #column2, slogan .column2, slogan #column2 {
	grid-column: 4 / 22;
	grid-row: 1 / 2;
	font-size: 2.5em;
	font-weight: 600;
	text-align: center;
	color: #ffffff;
}
#slogan .column3, #slogan #column3, slogan .column3, slogan #column3 {
	grid-column: 22 / 24;
	grid-row: 1 / 2;	
}
	
nav[aria-label="submenu"], submenu {
	padding: 0px;
	height: 56px;
	color: #808080;
	background-color: #f4f9f4;
	grid-area: submenu;
	display: grid;
	grid-template-columns: repeat(24, 1fr);
}
nav[aria-label="submenu"] .column1, submenu .column1, submenu #column1 {
	grid-column: 2 / 24;
	grid-row: 1 / 2;
	text-align: center;
}

selectie {
	padding: 0px;
	color: #808080;
	border-bottom: solid 1px rgba(34, 34, 34, 0.2);
	grid-area: selectie;
	display: grid;
	grid-template-columns: repeat(24, 1fr);
}
selectie .column1, selectie #column1 {
	grid-column: 2 / 9;
	grid-row: 1;
}
selectie .column2, selectie #column2 {
	grid-column: 10 / 24;
	grid-row: 1;
}

article {
	grid-area: article;
	margin-top: 40px;
	margin-bottom: 50px;
	display: grid;
	grid-template-columns: repeat(48, 1fr);
}
/*
article #sidebar {
	grid-column: 3 / 13;
	grid-row: 1 / 4;
	margin-right: 30px;
	background-color: #fff;
}*/
article #sidebar-left {
    grid-column: 2 / 11;
    grid-row: 1 / 3;
    padding-bottom: 30px;
}/*
article #metadata {
	grid-column: 12 / 38;
	grid-row: 1 / 2;
}
article #functies {
	grid-column: 12 / 38;
	grid-row: 2 / 3;
}*/
article #contenthead {
	grid-column: 13 / 37;
	grid-row: 1 / 2;
   padding-bottom: 25px;
}
article #content {
	grid-column: 13 / 37;
	grid-row: 2 / 3;
}

article #sidebar-right-top {
	grid-column: 39 / 48;
	grid-row: 1 / 2;
}

article #sidebar-right {
	grid-column: 39 / 48;
	grid-row: 2 / 3;
	padding: 0;
}

map {
	grid-area: map;
	padding: 0px;
	margin-bottom: 0;
	display: grid;
	grid-template-columns: repeat(24, 1fr);
}
map #map_content {
	grid-column: 1 / 25;
	grid-row: 1 / 2;
}

werkenbij {
	grid-area: werkenbij;
	padding: 0px;
   background-color: #fff;
	display: grid;
	grid-template-columns: repeat(48, 1fr);
	padding-bottom: 25px;
}
werkenbij #wb_content {
	grid-column: 13 / 37;
	grid-row: 1 / 2;
	padding-top: 25px;
	padding-bottom: 10px;
}

block3 {
	grid-area: block3;
	padding: 0px;
   background-color: #f4f9f4;
	display: grid;
	grid-template-columns: repeat(48, 1fr);
	padding-bottom: 25px;
}
block3 #content {
	grid-column: 13 / 37;
	grid-row: 1 / 2;
	padding-top: 25px;
	padding-bottom: 10px;
}

ahblock {
	grid-area: ahblock;
	padding: 0px;
	background-color: #E87511;
	display: grid;
	grid-template-columns: repeat(24, 1fr);
	padding-top: 50px;
	padding-bottom: 50px;
}
ahblock .column1, ahblock #column1 {
	grid-column: 3 / 13;
	grid-row: 1 / 2;
    padding-left: 0;
    padding-top: 0;
    padding-right: 60px;
    padding-bottom: 0;
}
ahblock .column2, ahblock #column2 {
	grid-column: 13 / 23;
	grid-row: 1 / 2;
    padding-top: 0;
    padding-left: 60px;
    padding-right: 0;
    padding-bottom: 0;
	//border-left: 2px solid #fff;
}


footer {
  padding: 0;
  height: 340px;
  background: #006558 url('../images/layout/triangle.svg') bottom right no-repeat;
  margin: 0;
  grid-area: footer;
  display: grid;
  grid-template-columns: repeat(24, 1fr);
	padding-top: 25px;
	padding-bottom: 10px;
}
footer .column1, footer #column1 {
	grid-column: 5 / 9;
	grid-row: 1 / 2;
}
footer .column2, footer #column2 {
	grid-column: 9 / 13;
	grid-row: 1 / 2;
}
footer .column3, footer #column3 {
	grid-column: 13 / 17;
	grid-row: 1 / 2;
}
footer .column4, footer #column4 {
	grid-column: 17 / 21;
	grid-row: 1 / 2;
}
footer #copyright {
	grid-column: 5 / 24;
	grid-row: 2 / 3;
	margin-top: 0;
	padding-top: 0;
	position: relative;
	margin-top: -50px;
	
}

.container {
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
  display: grid;
  grid-gap: 0px;
  grid-template-columns: 24fr;
  grid-template-areas:
    "header"
    "slogan"
    "submenu"
    "selectie"
    "article"
    "map"
    "werkenbij"
    "block3"
    "ahblock"
    "footer";
}