/* 

Opbouw pagina [id] / [class]: 



divMainContainer / MainContainer (de gehele webpagina)

	divPageHeadContainer / PageHeadContainer(het bovengedeelte van de pagina)

		divHeadLogo / HeadLogo (voor het logo)

		divHeadMenu / HeadMenu (het hoofdmenu)

	divPageContentContainer / PageContentContainer (het middengedeelte van de pagina)

		

		optioneel: divSubHead / SubHead (kopje met pagina-locatie en is niet op hoofdpagina aanwezig)

		

		divContentLeft / ContentCol2 (de linker kant body indien 2 kolommen)

		divContentRight / ContentCol2 (de rechter kant body indien 2 kolommen)

		

		of 

		

		divContentCol1 / ContentCol1 (body over de hele breedte)

		

	divPageFootTopContainer / PageFootTopContainer

		divFootLogo / FootLogo (logo onderaan pagina)

		divFootContact / FootContact (adresgegevens onderaan pagina)

	divPageFootBottomContainer / PageFootBottomContainer

		divFootCopyright / FootCopyright (laatste regel pagina links)

		divFootSysMenu / FootSysMenu (laatste regel pagina rechts)

*/

body {

	background: #fdfdfd url('../images/diagonal-noise.png') fixed !important;

	font-family: Arial;

    margin: 0 !important;

    padding: 0 !important;

}

h1 {

	font-family: 'Open Sans'; 

	font-size: 24px;

	text-transform: uppercase;

	color: #666666;

	font-style: normal;

	margin-bottom: 0px;

	margin-top: 0px;

	font-weight: 400;



}

h2 {

	font-family: 'Open Sans'; 

	font-size: 24px;

	color: #666666;

	font-style: normal;

	margin-bottom: 0px;

	margin-top: 0px;

	font-weight: 400;



}

h3 {

	font-family: 'Open Sans'; 

	font-size: 20px;

	color: #666666;

	font-style: normal;

	margin-bottom: 0px;

	margin-top: 0px;

	font-weight: 400;

}

h4 {

	font-family: 'Open Sans'; 

	font-size: 12px;

	text-transform: uppercase;

	color: #666666;

	font-style: normal;

	margin-bottom: 0px;

	margin-top: 0px;

	font-weight: 400;

}

p, li, lu {

	font-family: Arial; 

	font-size: 12px;

	line-height: 18px;

	color: #666666;

	letter-spacing: 0.3;

}

a {

	color: #666666;

}

#btnSaveContent {

	position: absolute;

	top: 0;

	left: 0;

	background: #ECECEC;

	border-radius: 15px;

	padding: 10px 20px;

	display: block;

	font-family: arial;

	font-weight: bold;

	color:#7f7f7f;

	text-decoration: none;

	text-shadow:0px 1px 0px #fff;

	border:1px solid #a7a7a7;

	width: 145px;

	margin:0px auto;

	

	box-shadow: 0px 2px 1px white inset, 0px -2px 8px white, 0px 2px 5px rgba(0, 0, 0, 0.1), 0px 8px 10px rgba(0, 0, 0, 0.1);

	-webkit-transition:box-shadow 0.5s;

}

#btnSaveContent:hover {

	background: #7f7f7f;

	color: #f5f5f5;

	cursor: pointer;

	cursor: hand;

}

.psdscroll ::-webkit-scrollbar-track {

	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

	border-radius:10px;

	background-color:#f5f5f5;

}

.psdscroll ::-webkit-scrollbar {

	width:12px;

	background-color:#f5f5f5;

}

.psdscroll ::-webkit-scrollbar-thumb {

	border-radius:10px;

	-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);

	background-color:#555;

}

.MainContainer {

	max-width: 1200px;

	margin: 0 auto 0 auto;

}

.PageHeadContainer {

	background-color: #F9F9F9;

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	border-bottom: 1px solid #ddd;

}

@media (min-width: 900px) {

	.PageHeadContainer {

		display: flex;

	}

	.HeadLogo {

		flex: 1;

		order: 1;

	}

	.HeadMenu {

		flex: 1;

		order: 2;

	}

	.PageContentContainer {

		display: flex;

	}

	.PageFootTopContainer {

		display: flex;

	}

	.FootLogo {

		flex: 1;

		order: 1;

	}

	.FootContact {

		flex: 1;

		order: 2;

	}

	.PageFootBottomContainer {

		display: flex;

	}

	.FootCopyright {

		flex: 1;

		order: 1;

	}

	.FootSysMenu {

		flex: 1;

		order: 2;

	}

}

.HeadLogo {

	padding-top: 20px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 20px;

	color: #ddd;

}

.HeadMenu {

	flex: 1;

	order: 2;

	color: #ddd;

	padding-left: 40px;

}

.SubHead {

	flex-basis: 100%;

	padding-top: 10px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 4px;

	background-color: #FFFFFF;

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	border-bottom: 1px solid #ddd;

}

.PageContentContainer {

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	border-bottom: 1px solid #ddd;

}

.ContentCol2 {

	flex-basis: 50%;

	padding-top: 20px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 20px;

	color: #333;

	background-color: #F9F9F9;

	font-family: 'Open Sans'; 

	font-size: 16px;

}

.ContentCol1 {

	flex-basis: 100%;

	padding-top: 20px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 20px;

	color: #333;

	background-color: #F9F9F9;

	font-family: 'Open Sans'; 

	font-size: 16px;

}

.divPageFootTopContainer {

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	border-bottom: 1px solid #ddd;

}

.FootLogo {

	padding-top: 20px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 20px;

	color: #F9F9F9;

	background-color: #B10021;

}

.FootContact {

	padding-top: 20px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 20px;

	color: #F9F9F9;

	background-color: #B10021;

}

.FootContact  p {

	color: #F9F9F9;

	line-height: 22px;

}

.FootContact  h4 {

	color: #F9F9F9;

	line-height: 22px;

}

.divPageFootBottomContainer {

	border-top: 0px;

	border-left: 0px;

	border-right: 0px;

	border-bottom: 1px solid #ddd;

}

.FootSysMenu {

	padding-top: 8px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 8px;

	color: #F9F9F9;

	background-color: #aaa;

	font-family:'Open Sans';

	font-weight:400;

	font-size: 10px;

}

.FootCopyright {

	padding-top: 8px;

	padding-left: 40px;

	padding-right: 40px;

	padding-bottom: 8px;

	color: #F9F9F9;

	background-color: #aaa;

	font-family:'Open Sans';

	font-weight:400;

	font-size:11px;

}

.Button {

	color: #F9F9F9;

	background-color: #B10021;

	box-shadow: 0px 2px 4px 0px rgba(0,0,0,0.5);

	font-weight: bold;

    padding: 9px 20px;

    font-size: 19px;

    line-height: 57px !important;

	text-decoration: none;

	-webkit-border-radius: 3px;

	cursor: pointer;

	cursor: hand;

}