html, body {
	height:100%;
	margin: 0 auto;
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align: left;
	background-image: url("frame-images/ALLbackground.jpg");
	background-position: center top;
}

table {border-collapse: collapse; border-spacing: 0; }
td { margin: 0px; padding: 0px; }

/*==== FONTS ====== */

@font-face {
	font-family: 'Helvetica-Light';
	src: url('fonts/helveticalight.eot');
	src: url('fonts/helveticalight.eot?#iefix') format('embedded-opentype'),
	 		url('fonts/helveticalight.woff') format('woff'),
			url('fonts/helveticalight.ttf') format('truetype'),
			url('fonts/helveticalight.svg#helveticalight') format('svg');
	font-weight: normal;
	font-style: normal;
}

.DIVwebsiteCenterPosition{
	width:50%; 
	position: relative;
}

.DIVwebsiteContainer{
	width: 960px;				/* CHANGE TO RIGHT WIDTH OF THE WEBSITE*/
	right: -480px;				/* CHANGE TO HALF THE WIDHT OF THE CONTAINTER | MUST BE NEGATIVE! */
	position: absolute;
}


.aNormal{
	text-decoration: none;	
}

/* ===== Colors =======*/

.Green{
	color: #007900;	
}

/* ======== FRAME =========*/

.DIVframeTop{
	height: 30px;
	width: 960px;
	position: relative;
	float:left;
}

.DIVframeContent{
	min-height: 930px;
	width: 960px;
	position: relative;
	background-image:url("frame-images/ALLbackgroundContent.jpg");
	background-repeat: repeat-y;
	float:left;
}

.DIVframeBottom{
	height: 95px;
	width: 960px;
	position: relative;
}

/* ================ ALGMEMENE CONTENT ================ */

.DIVcontentKrullen{
	z-index: 5;
	height: 251px;
	width: 187px;
	position: absolute;
	background-image: url("frame-images/ALLkrullen.png");
	background-repeat: no-repeat;
}


/* ========= MENU =========*/
.DIVcontentMenu{
	height: 150px;
	width: 960px;
	position: relative;
	z-index: 10;
	float:left;
}

.DIVmenuLogo{
	height: 150px;
	width: 313px;
	position: relative;
	float:left;
}

.DIVmenuButton{
	height: 125px;
	width: 100px;
	position: relative;
	float:left;
	cursor: pointer;
	padding-bottom: 25px;
}

.DIVmenuBottonTextSpacer{
	height: 			20px;
	position: 			absolute;
	bottom: 			18px;
	width: 				100px;
	text-align: 		center;
	font-family: 		Helvetica-Light;	
	font-size:			13px;
}

.DIVmenuButtonLarge{
	width: 110px;
}

.DIVmenuBottonTextSpacerLarge{
	width: 110px;
}


.DIVmenuSpacerLine{
	height: 150px;
	width: 5px;
	position: relative;
	background-image:url("frame-images/MENUspacerLine.png");
	background-repeat; no-repeat;
	float:left;
}

.DIVmenuSpacer{
	height: 150px;
	width: 50px;
	position: relative;
	float:left;
}

.DIVmenutopVouw{
	height: 49px;
	width: 960px;
	position: relative;
	background-image:url("frame-images/ALLtopVouw.jpg");
	background-repeat; no-repeat;
	float:left;
}

/* ======== FOOTER =========*/

.DivcontentFooter{
	height: 95px;
	width: 960px;
	position: relative;
	background-image:url("frame-images/ALLbackgroundFooter.jpg");
	background-repeat: no-repeat;
	float:left;
}

.DIVfooterSpacerLeft{
	height: 95px;
	width: 110px;
	position: relative;
	float:left;
}

.DIVfooterCenter{
	height: 	95px;
	width: 		435px;
	position: 	relative;
	float:left;
}

.DIVfooterCenterText{
	height: 			25px;
	width: 				435px;
	position: 			absolute;
	bottom: 			25px;
	font-family: 		Helvetica-Light;
	font-size:			12px;
	line-height: 		20px;
}

.DIVfooterSpacerVertical{
	height: 	95px;
	width: 		65px;
	position: 	relative;
	float:left;
}

.DIVfooterFacebook{
	height: 	95px;
	width: 		35px;
	position: 	relative;
	float:		left;
}

.DIVfooterFacebookCenter{
	height: 37px;
	widht:	36px;
	top:	29px;
	position: absolute;
}

.DIVfooterSpacerRight{
	height: 	95px;
	width: 		315px;
	position: 	relative;
	float:left;
}

/* ========= CENTER CONTENT =========*/
.DIVcontentCenter{
	min-height: 930px;
	width: 860px;
	position: relative;
	padding-left: 50px;
	padding-right: 50px;
	float:left;
}


/* === HOME === */

.DIVcontentHomeBanner{
	height: 			340px;
	width: 				860px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeBannerKader{
	height: 			340px;
	width: 				860px;
	position: 			relative;
	float:				left;
	text-align:			center;
	background-color: 	#ffffff;
	-webkit-box-shadow: 0px 3px 2px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 3px 2px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 3px 2px rgba(50, 50, 50, 0.75);
}

.DIVcontentHomeBannerPos{
	height: 336px;
	widht: 856px;
	position: absolute;
	top:2px;
	left:2px;
}

.DIVcontentHomeHorSpacers{
	height: 			35px;
	width:				860px;
	position:			relative;
	float:				left;
}

.DIVcontentHomeItemsLeft{
	min-height: 		550px;
	width: 				495px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeVertSpacer{
	min-height: 		550px;
	width: 				65px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeLijstRight{
	min-height: 		550px;
	width: 				300px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeItemContainer{
	min-height:			180px;
	width:				495px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeHorLine{
	min-height:			30px;
	width:				495px;
	background-image: 	url("frame-images/HOMEhorlineLeft.png");
	background-repeat: 	no-repeat;
	background-position: top left;
	position: 			relative;
	float:				left;
}

/* --- Items -- */
.DIVcontentHomeItemTitel{
	height: 			40px;
	width:				495px;
	position: 			relative;
	float:				left;
	font-size: 			29px;
	font-family: 		Helvetica-Light
}

.DIVcontentHomeItemHorSpacer{
	height: 			10px;
	width:				495px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeItemTekstSmall{
	height: 			230px;
	width:				220px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeItemFotos{
	height: 			230px;
	width:				275px;
	position: 			relative;
	float:				left;
}

.DIVcontentHomeItemLink{
	height: 			20px;
	padding-top: 		10px;
	width:				220px;
	position: 			relative;
	bottom:				0px;
	float:				left;
	font-family: 		Helvetica-Light;
	font-size:			12px;
}

.DIVcontentHomeItemTekst{
	min-height: 		130px;
	width:				495px;
	position: 			relative;
	bottom:				0px;
	float:				left:
}

/* --- Lijst --- */

.DIVcontentHomeLijstLink{
	height: 			20px;
	width: 				100px;
	position: 			absolute;
	right: 				0px;
	bottom:				10px;
	font-size:			18px;
	text-align: 		right;
}

/* === ALL === */

/*--- All left --- */

.DIVallContentLeft{
	min-height: 		550px;
	width:				495px;
	position:			relative;
	float:				left;
}

.DIVallContentVertSpacer{
	min-height: 		550px;
	width:				65px;
	position:			relative;
	float:				left;
}

.DIVallContentRight{
	min-height: 		550px;
	width:				300px;
	position:			relative;
	float:				left;
}

.DIVallContentTitel{
	min-height: 		100px;
	width:				495px;
	position:			relative;
	float:				left;
	font-size: 			55px;
	font-family: 		Helvetica-Light;
}

.DIVallContentHorLine{
	height: 			20px;
	width:				495px;
	position:			relative;
	float:				left;
	background-image:	url(frame-images/ALLhorLine.png);
	background-repeat:	repeat-x;
}

.DIVallContentSubtitel{
	min-height: 		40px;
	width:				495px;
	position:			relative;
	float:				left;
	font-size: 			28px;
	font-family: 		Helvetica-Light;
}

.DIVallContent{
	min-height: 		45px;
	padding-bottom:		10px;
	width:				495px;
	position:			relative;
	float:				left;
}

/*--- All Right --- */

.DIVallContentHorLineSmall{
	height: 			20px;
	width:				298px;
	padding-left:		2px;
	position:			relative;
	float:				left;
	background-image:	url(frame-images/ALLhorLine.png);
	background-repeat:	repeat-x;
}

.DIVrightListTitel{
	height: 			35px;
	width:				300px;
	position:			relative;
	float:				left;
	font-family: 		Helvetica-Light;
	font-size:			27px;
}

.DIVallContentRightHorSpacer{
	height: 			100px;
	width:				300px;
	position:			relative;
	float:				left;	
}

.DIVrightList{
	min-height:			550px;
	width:				298px;
	padding-left: 		2px;
	position:			relative;
	float:				left;
}


.DIVrightListTop{
	width:				298px;
	height:				59px;
	background-image:	url(frame-images/NOTEtop.png);
	background-color:	no-repeat;
	position:			relative;
	float:				left;
}

.DIVrightListCenter{
	width:				232px;
	min-height:			411px;
	background-image:	url(frame-images/NOTEcenter.png);
	background-color:	repeat-y;
	position:			relative;
	float:				left;
	padding-left:		34px;
	padding-right:		34px;				
}


.DIVrightListBottom{
	width:				298px;
	height:				70px;
	background-image:	url(frame-images/NOTEbottom.png);
	background-color:	no-repeat;
	position:			relative;
	float:				left;
}

.DIVrightListItemLine{
	height: 			10px;
	width:				232px;
	position:			relative;
	float:				left;
	background-image:	url(frame-images/ALLhorLineSmall.png);
	background-repeat:	repeat-x;
}

.DIVrightListItem{
	height: 			50px;
	width:				232px;
	position:			relative;
	float:				left;
	font-size:			18px;
	font-family: 		Helvetica-Light;
	cursor: 			pointer;
}

.DIVrightListArrow{
	height: 			20px;
	width:				20px;
	position:			absolute;
	left: 				-25px;
	top:				15px;
	display:			none;
}

/*--- Large portfolio --- */

.DIVportfolioLargeImageContainer{
	width:			 	502px;
	height:				388px;
	position:			relative;
	float:				left;
	background-image: 	url("frame-images/PORTimageLarge.png");
	background-repeat:	no-repeat;
}


.DIVportfolioLargeImage{
	width:			 	480px;
	height:				338px;
	position:			absolute;
	top:				10px;
	left:				10px;	
}


/* --- Small Portfolio --- */

.DIVportfolioSmallImageContainer{
	width:			 	500px;
	height:				83px;
	padding-bottom: 	10px;
	position:			relative;
	float:				left;
}
	
.DIVportfolioSmallImage{
	width:			 	106px;
	height:				77px;
	padding-right:	 	4px;
	position:			relative;
	float:				left;
	background-image: 	url("frame-images/PORTimageMini.png");
	background-repeat:	no-repeat;
	cursor: 			pointer;
}
.DIVarrowPortfolio{
	width:			 	30px;
	height:				83px;
	position:			relative;
	float:				left;
}

.DIVarrowCenter{
	width:			 	20px;
	height:				20px;
	position:			absolute;
	top:				31px;
	left:				0px;
}

.DIVarrowCenterRight{
	width:			 	20px;
	height:				20px;
	position:			absolute;
	top:				31px;
	right:				0px;
}


.DIVportfolioSmallImageCenter{
	width:			 	93px;
	height:				64px;
	position:			relative;
	top:				6px;
	left: 				7px;
}

/* --- Contact ---*/

.DIVcontactVeldTitel{
	height:				20px;
	width: 				500px;
	position:			relative;
	float:				left;
	font-weight:		bold;
}

.DIVcontactVeldHolder{
	height:				35px;
	width: 				500px;
	position:			relative;
	float:				left;
}

.DIVcontactVeldHolderMid{
	height:				48px;
	width: 				500px;
	position:			relative;
	float:				left;	
}

.DIVcontactVeldHolderLarge{
	height:				145px;
	width: 				500px;
	position:			relative;
	float:				left;
}

.INPUTtext{
	width: 480px;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px #dedede solid;
	border-radius: 15px 15px 15px 15px;	
}

.INPUTtextarea{
	width: 480px;
	height: 125px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: 1px #dedede solid;
	border-radius: 15px 15px 15px 15px;	
}

.INPUTsubmit{
	width: 140px;
	height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	border: 1px #007a3d solid;
	border-radius: 15px 15px 15px 15px;	
	background-color: #007a3d;
	color: #ffffff;
	cursor: pointer;
	font-family: 		Helvetica-Light;
	font-size: 16px;
}

/* ===== DISPLAY OPTIONS ====== */


.displayNone{
	display: none;	
}

.display{
	display: block;	
}

.alignRight{
	text-align: right;	
}