@charset "utf-8";
/* Eenvoudige, dynamische media
   Opmerking: voor dynamische media moet u de hoogte- en breedtekenmerken voor de media verwijderen uit de HTML-code
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	text-align: left;
}
/* IE 6 biedt geen ondersteuning voor max-width en gebruikt standaard de breedte 100% */
.ie6 img {
	width:100%;
}

/*
	Eigenschappen van dynamisch raster van Dreamweaver
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	12;
	dw-gutter-percentage:	20;
	
	Geïnspireerd door "Responsive Web Design" van Ethan Marcotte 
	http://www.alistapart.com/articles/responsive-web-design
	
	en "Golden Grid System" van Joni Korpi
	http://goldengridsystem.com/
*/

/* Mobiele lay-out: 480 px en lager. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.9666%;
	padding-left: 1.5166%;
	padding-right: 1.5166%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #999;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#subbanner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.931%;
	display: block;
	line-height: 22px;
	background-color: #FFF;
}
#content1 {
	clear: none;
	float: left;
	width: 58.6206%;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 20px;
}
#content2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 20px;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	line-height: 22px;
	background-color: #FAF8F8;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #F1F9FA;
}
#footer0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #F1F9FA;
}
#footer4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #F1F9FA;
}
#content3 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#content4 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#main_content {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 58.6206%;
	display: block;
	line-height: 20px;
}
#c1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#space {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
	color: #FFF;
}
#c0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #FFF;
	border: 0px none #6CC;
}
#extra1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c0c {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#amsterdam {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c1b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c2b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#amsterdam2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FOTO {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#bannertop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#extra {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TOP {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#special {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FRAME {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#totaal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#actie1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#actie2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#gron1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gron2 {
	clear: none;
	float: left;
	margin-left: 3.4482%;
	width: 100%;
	display: block;
}
#tm1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#tm2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#a {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.931%;
	display: block;
	background-color: #FBF2F0;
}
#banner2 {
	clear: none;
	float: left;
	margin-left: 24.1379%;
	width: 37.931%;
	display: block;
	background-color: #FBF2F0;
}
#banner3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.931%;
	display: block;
	background-color: #FBF2F0;
}
#banner4 {
	clear: none;
	float: left;
	margin-left: 24.1379%;
	width: 37.931%;
	display: block;
	background-color: #FBF2F0;
}
#banner5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 37.931%;
	display: block;
	background-color: #FBF2F0;
}
#banner6 {
	clear: none;
	float: left;
	margin-left: 24.1379%;
	width: 37.931%;
	display: block;
	background-color: #FBF2F0;
}
#banner7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#div1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#div2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

/* Tabletlay-out: 481 px tot 768 px. Neemt stijlen over van: mobiele lay-out. */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 91.0625%;
	padding-left: 0.9687%;
	padding-right: 0.9687%;
	border-top-style: inset;
	border-right-style: inset;
	border-bottom-style: inset;
	border-left-style: inset;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#subbanner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.4042%;
	display: block;
}
#content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9361%;
	display: block;
}
#content2 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 48.9361%;
	display: block;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: center;
}
#footer4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content3 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 100%;
	display: block;
}
#content4 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 100%;
	display: block;
}
#main_content {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 74.468%;
	display: block;
}
#c1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 61.7021%;
	display: block;
}
#c2 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 36.1702%;
	display: block;
}
#space {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 10.6382%;
	display: block;
}
#c0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#extra1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c0c {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#amsterdam {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9361%;
	display: block;
}
#c1b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9361%;
	display: block;
}
#c2b {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 48.9361%;
	display: block;
}
#amsterdam2 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 48.9361%;
	display: block;
}
#FOTO {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#bannertop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#extra {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TOP {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#special {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-color: #99FF99;
}
#b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FRAME {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#totaal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#actie1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9361%;
	display: block;
}
#actie2 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 48.9361%;
	display: block;
}
#gron1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#gron2 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 100%;
	display: block;
}
#tm1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9361%;
	display: block;
}
#tm2 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 48.9361%;
	display: block;
}
#c {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#a {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.4042%;
	display: block;
}
#banner2 {
	clear: none;
	float: left;
	margin-left: 14.8936%;
	width: 23.4042%;
	display: block;
}
#banner3 {
	clear: none;
	float: left;
	margin-left: 14.8936%;
	width: 23.4042%;
	display: block;
}
#banner4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.4042%;
	display: block;
}
#banner5 {
	clear: none;
	float: left;
	margin-left: 14.8936%;
	width: 23.4042%;
	display: block;
}
#banner6 {
	clear: none;
	float: left;
	margin-left: 14.8936%;
	width: 23.4042%;
	display: block;
}
#banner7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 74.468%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.4042%;
	display: block;
}
#LayoutDiv5 {
	clear: none;
	float: left;
	margin-left: 2.1276%;
	width: 74.468%;
	display: block;
}
#div1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#div2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
}

/* Bureaubladlay-out: 769 px tot maximaal 1232 px.  Neemt stijlen over van: mobiele lay-out en tabletlay-out. */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 88.75%;
	max-width: 1232px;
	padding-left: 0.625%;
	padding-right: 0.625%;
	margin: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#header {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: right;
}
#banner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	text-align: left;
}
#subbanner {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#menu {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.9436%;
	display: block;
}
#content1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2957%;
	display: block;
}
#content2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 49.2957%;
	display: block;
}
#footer1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#content3 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 40.845%;
	display: block;
}
#content4 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 40.845%;
	display: block;
}
#main_content {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 74.6478%;
	display: block;
}
#c1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	font-size: 14px;
}
#c2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2957%;
	display: block;
}
#space {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 7.0422%;
	display: block;
}
#c0 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	color: #51131A;
}
#extra1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#c0c {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#amsterdam {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2957%;
	display: block;
}
#c1b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2957%;
	display: block;
}
#c2b {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 49.2957%;
	display: block;
}
#amsterdam2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 49.2957%;
	display: block;
}
#FOTO {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#bannertop {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#extra {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#top {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#TOP {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#special {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#b {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#FRAME {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#totaal {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#actie1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2957%;
	display: block;
}
#actie2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 49.2957%;
	display: block;
}
#gron1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 49.2957%;
	display: block;
}
#gron2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 49.2957%;
	display: block;
}
#tm1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 66.1971%;
	display: block;
}
#tm2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 32.3943%;
	display: block;
}
#c {
	clear: both;
	float: left;
	margin-left: 0;
	width: 74.6478%;
	display: block;
}
#c4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#a {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#banner1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 15.4929%;
	display: block;
}
#banner2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 15.4929%;
	display: block;
}
#banner3 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 15.4929%;
	display: block;
}
#banner4 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 15.4929%;
	display: block;
}
#banner5 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 15.4929%;
	display: block;
}
#banner6 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 15.4929%;
	display: block;
}
#banner7 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 74.6478%;
	display: block;
}
#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 23.9436%;
	display: block;
}
#LayoutDiv5 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 74.6478%;
	display: block;
}
#div1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 57.7464%;
	display: block;
}
#div2 {
	clear: none;
	float: left;
	margin-left: 1.4084%;
	width: 40.845%;
	display: block;
}
}
.gridContainer.clearfix #footer2 iframe {
	text-align: center;
}