/* =============================
	FRAME STYLE CSS
	Defenition,Position,Shape and Behaviour of frame objects
	Default switch classes
 ============================= */

/* ======== ORIGINAL HTML TAG CLASSES  ========== */

html, body {
	height:				100%;
	margin: 			0 auto;
	font-family: 		'Roboto',Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 			13px;
	font-weight:		300;
	color: 				#333333;
	text-align: 		left;
	line-height:		18px;
	background-color:	#1385b7;
}

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

a			{	color:inherit; text-decoration: none;}
a:hover		{	color:inherit; text-decoration: none;}
a:focus		{	color:inherit; text-decoration: none;}
a:active	{	color:inherit; text-decoration: none;}
a:visited	{	color:inherit; text-decoration: none;}

/* ----- EXAMPLE COPY CLASS ------- */
.class{
	height:				1px;
	width:				1px;
	position:			relative;
	float:					left;	
}

/* ======== CUSTOM WEBSITE FRAME CLASSES  ========== */

/* ======= OVERALL CONTAINER CLASSES =====*/
.DIVtopContainer{
	width:				100%;
	height:				428px;
}

.DIVtopContainerHome{
	width:				100%;
	height:				560px;
}

.DIVcontentContainer{
	width:						100%;
	min-height:				200px;
	background-image:		url(frame-images/BACKGROUNDcontentArea.png);
	background-repeat:		repeat-x;
	background-position:	center top;
}

.DIVbottomContainer{
	width:						100%;
	min-height:				245px;
	background-color:		#011529;
	background-image:		url(frame-images/BACKGROUNDbottom.png);
	background-repeat:		repeat-x;
	background-position: 	left top;
	padding:					48px 0px;
	background-color:		#082f41;
}

/* ======= TOP CLASSES =====*/
.DIVtopBlackBar{
	width:				100%;
	height:				5px;
	position:			relative;
	float:				left;
}

.DIVbannerContainer{	
	width:						100%;
	height:						100%;
	position:					relative;
	float:							left;
	z-index:						5;
	text-align:					center;
	background-image:		url(frame-images/BANNERdefaultHome.jpg);
	background-repeat: 	no-repeat;
 	background-size: 		cover;
 	background-position: 	bottom center;
}

.DIVbannerContainerHome {	
	width:						100%;
	height:						100%;
	position:					relative;
	float:							left;
	z-index:						5;
	text-align:					center;
	background-image:		url(frame-images/BANNERdefaultHome.jpg);
	background-repeat: 	no-repeat;
 	background-size: 		cover;
 	background-position: 	bottom center;
}

@media screen and (min-width: 1500px){
	.DIVbannerContainerHome{	
		background-position: 	0% 75%;
	}
	
	.DIVbannerContainer{	
		background-position: 	0% 61%;
	}
}

.IMGbanner{
	width:				100%;
	height:				calc(100% - 5px);
}

.DIVtopMenuBar{
	width:				100%;
	height:				50px;
	background-image:	url(frame-images/BACKGROUNDmenuBar.png);
	background-repeat:	repeat-x;
	position:			absolute;
	left:				0px;
	top:				23px;
	z-index:			10;
}

.DIVcontainerMenu{
	height:				50px;
}

.DIVlogo{
	width:				143px;
	height:				133px;
	position:			relative;
	float:				left;
	top:				-29px;
	left:				-6px;
	cursor:				pointer;
	z-index:			15;
}

.DIVmenuButtonContainer{
	width:				calc(100% - 143px); 
	height:				59px;
	position:			relative;
	float:				left;
	padding:			0px 0px 0px 108px;
}

.DIVmenuButton{
	min-width:					40px;
	height:						50px;
	position:					relative;
	float:							left;
	padding:					0px 15px 0px 20px;
	line-height:					50px;
	margin:						0px 0px 0px 0px;
	background-image:		url(frame-images/BACKGROUNDmenuButton.png);
	background-repeat:		no-repeat;
	background-position: 	left 18px;
	cursor:						pointer;
	text-transform:			uppercase;
}

.DIVmenuButtonActive{
	min-width:				20px;
	height:					59px;
	position:				relative;
	float:					left;
	padding:				0px 25px 0px 25px;
	margin:					0px 10px 0px 0px;
	line-height:			59px;
	background-image:		url(frame-images/BACKGROUNDmenuButtonActive.jpg);
	background-repeat:		repeat-x;
	cursor:					pointer;
	font-size:				1.3em;
	font-weight:			400;
	font-family:			'Oswald';
	color:					#083445;
	text-transform:			uppercase;
}

.DIVmenuButtonLink{
	min-width:				40px;
	height:					50px;
	position:				relative;
	float:						left;
	line-height:				50px;
	text-transform: 		uppercase;
}

.DIVxsSubmenu{
	height:					50px;
	line-height:				50px;
	text-align:				left;
	padding:				0px 10px 0px 0px;
}

.INPUTsubmenuXS{
	height:						40px;
	margin:						5px 0px;
	padding:					0px 20px 0px 0px;
	background-color:		transparent;
	border:						1px solid #ffffff;
	cursor:						pointer;
	width: 						100%;
}

.DIVhorLineGrey{
	height:					1px;
	background-image:		url(frame-images/LINEhorGreyDotted.png);
	background-repeat:		repeat-x;	
	margin:					0px 0px 25px 0px;			
}

.DIVhorLineGreySmall{
	height:						1px;
	background-image:		url(frame-images/LINEhorGreyDotted.png);
	background-repeat:		repeat-x;	
	margin:						0px 0px 10px 0px;			
}

.DIVhorLineGreyMargin{
	height:					1px;
	background-image:		url(frame-images/LINEhorGreyDotted.png);
	background-repeat:		repeat-x;	
	margin:					25px 0px;		
}

.DIVtopZoekenContainer {
	width:					100%;
	height:					38px;
	position:				absolute;
	left:						0px;
	top:						85px;
	z-index:					5;	
}

.DIVtopZoekenTable {
	width: 100%;
	height: 100%;
	display: table;	
}

.DIVtopZoekenRow {
	display: table-row;
}

.DIVtopZoekenCellLeft {
	display: table-cell;
	background-image: url(frame-images/BACKGROUNDzoekbalkEmpty.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.DIVtopZoekenCellRight {
	display: table-cell;
	background-image: url(frame-images/BACKGROUNDzoekbalk.jpg);
	background-repeat: repeat-x; 
	background-position: top left;
}

.DIVtopZoekenCellCenter {
	width: 1140px;
	display: table-cell;
}

.DIVtopZoekveld {
	height: 				100%;
	position: 				relative;
	float: 					right;
	padding-left: 			10px;
	background-image: 		url(frame-images/BACKGROUNDzoekbalk.jpg);
	background-repeat: 		repeat-x;
	background-position: 	top left;
	height:					38px;
}

.INPUTzoekveld {
	width: 		235px;
	height: 		28px;
	background-color: #FFFFFF;
	display:		block;
	border: 		#f5c232 1px solid;
	margin-top:	5px;
	padding-left: 30px;
	background-image: url(frame-images/ICONzoeken.png);
	background-repeat: no-repeat;
	background-position: 6px 5px;
	color: #787878;
	font-size:			0.92em;
}


/* ======= HOME CONTENT CLASSES =====*/

.DIVcontentLeftHomeQoute{
	min-height:				119px;
	position:					relative;
	float:								left;
	background-image:		url("frame-images/BACKGROUNDEhomeQuote.png");
	background-repeat:		repeat-x;
	background-position:	left top;
	padding:				40px 61px 30px 61px;
	background-color:		#09273b;
}	

.STRONGhomeQoute{
	display:				inline-block;
	clear:				both;
	margin:				0px 0px 10px 0px;
	padding-left: 		30px;
}

.STRONGhomeQouteLine2{
	display:					inline-block;
	clear:					both;
	text-align:				right;
	width: 					100%;
	padding-right:			30px;
}


.DIVhomeQouteOpen{
	height:					15px;
	width:					19px;
	position:				absolute;
	top:						20px;
	left:						25px;
	background-image:		url("frame-images/HOMEqouteOpen.png");
	background-repeat:		no-repat;
	background-position:	left top;
}

.DIVhomeQouteClose{
	height:					15px;
	width:					19px;
	position:				absolute;
	top:						85px;
	right:						25px;
	background-image:		url("frame-images/HOMEqouteClose.png");
	background-repeat:		no-repat;
	background-position:	left top;
}

.DIVcontentLeftHomeIntro{
	min-height:				253px;
	position:					relative;
	float:							left;
	background-color:		#FFFFFF;
	padding:					25px 25px 0px 25px;
}

.PhomeIntro{
	display:						inline-block;
	margin:						15px 0px 10px 0px;
	min-height: 				125px;
}

.AhomeBlock{
	min-width:					80px;
	height:						25px;
	line-height:					25px;
	text-align:					center;
	padding:					0px 34px 0px 10px;
	display:						inline-block;
	float:							right;
	cursor:						pointer;
	background-color:		#135A88;
	background-image:		url(frame-images/ICONurlArrow.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
	text-transform:			uppercase;
}

.DIVcontentLeftHomeMembersIntro{
	min-height:				130px;
	position:					relative;
	float:							left;
	background-color:		#135A88;
	padding:					25px 25px 0px 25px;
}

.PhomeMember{
	display:						inline-block;
	margin:						15px 0px 0px 0px;
}

.DIVcontentHomeRightCol{
	min-height:				292px;
	z-index:				50;
	margin:					119px 0px 0px 0px;
}

.DIVhomeBlog{
	height:					292px;
	background-color:		#EBEBEB;
	padding:				30px 20px;
}

.DIVhorLineGreyHome{
	height:					1px;
	background-image:		url(frame-images/LINEhorGreyDotted.png);
	background-repeat:		repeat-x;	
	margin:					0px 0px 15px 0px;	
}

.DIVhorLineGreyHomeII{
	height:					1px;
	background-image:		url(frame-images/LINEhorGreyDotted.png);
	background-repeat:		repeat-x;	
	margin:					15px 0px 15px 0px;	
}

.FONThomeBlogDoor {
	display:				inline-block;
	margin-bottom: 			10px;
}

.PhomeBlog{
	width:					100%;
	min-height:				90px;
	display:				inline-block;
	margin:					0px 0px 10px 0px;
}

.DIVhomeAgenda{
	height:					292px;
	background-color:		#F5F5F5;
	padding:				30px 20px;
}

.DIVhomeAgendaContainer{
	width:					100%;
	height:					152px;
	position:				relative;
	float:					left;
}

.DIVhomeAgendaItem{
	width:					100%;
	min-height:				25px;
	position:				relative;
	float:					left;
	padding:				5px 10px 5px 10px;
	cursor:					pointer;
}

.DATEhomeAgenda{
	width:					40%;
	min-height:				15px;
	display:				inline-block;
	float:					left;
	padding:				0px 10px 0px 0px;
}

.FONThomeAgenda{
	width:					60%;
	min-height:				15px;
	float:					left;
	display:				inline-block;
}

.DIVhomeAgendaItem:nth-child(odd){
	background-color:		#EBEBEB;
}

.DIVhomeAgendaItem:nth-child(even){
	background-color:		transparent;
}

.DIVhomeTwitter{
	min-height:				91px;
	background-color:		#2677a0;
	background-image:		url("frame-images/ICONtweetHome.png");
	background-repeat:		no-repeat;
	background-position:	30px center;
	padding:				17px 80px 17px 100px; 
	cursor: 				pointer;
}

.DIVcontentHomeMemebersCol{
	height:					50px;		
}

.DIVcontentHomeMembersArrowLeft{
	height:					296px;
	width:					50px;
	position:				relative;
	float:					left;
	background-image:		url("frame-images/ARROWleftMembers.png");
	background-repeat:		no-repeat;
	background-position:	left center;
	cursor:					pointer
}

.DIVcontentHomeMembersArrowRight{
	height:					296px;
	width:					50px;
	position:				relative;
	float:					right;
	background-image:		url("frame-images/ARROWrightMembers.png");
	background-repeat:		no-repeat;
	background-position:	right center;
	cursor:					pointer;
}

.DIVcontentHomeMemebersRibbon{
	position:				relative;
	float:					left;
	top:					0px;
	left:					0px;
	width:					100%;
	min-height:				285px;
}

.DIVcontentHomeMembersContainer{
	width:					calc(100% - 100px);
	height:					285px;
	position:				relative;
	float:					left;
	left:					0px;
	top:					0px;
	margin:					27px 0px 0px 0px;
	text-align:				center;
	overflow:				hidden;	
}

.DIVchmBlock{
	position:				relative;
	float:					left;
	text-align:				center;
	height:					285px;
	padding:				25px 12.5px 0px 12.5px;
}

.IMGchm{
	width:						110px;
	height:						110px;
	border-radius: 				55px;
	-webkit-border-radius: 		55px;
	-moz-border-radius:			55px;
	border:						3px solid #FFFFFF;
	cursor:						pointer;
}

.STRONGchm{
	
}

.Pchm{
	width:					100%;
	height:					87px;
	overflow:				hidden;
	padding:				15px 0px;
	margin:					0px 0px 10px 0px;		
}

.Achm{
	min-width:					80px;
	height:						25px;
	line-height:					25px;
	text-align:					center;
	padding:					0px 30px 0px 10px;
	display:						inline-block;
	left:							calc(50% - 12.5%);
	cursor:						pointer;
	background-color:		#135a88;
	background-image:		url(frame-images/ICONurlArrow.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
}

/* ======= DEFAULT CONTENT CLASSES =====*/
.DIVcontentLeftCol{
	min-height:				200px;
	z-index:						50;
	position:					relative;
	float:							left;
	top:							-232px;
}

.DIVcontentRightCol{
	min-height:				200px;
	background-color:		#FFFFFF;
	z-index:						50;
	position:					relative;
	float:							left;
	top:							-232px;
	padding:					25px 30px 30px 30px;
}

.PtekstContent {
	width: 100%;
	margin-top: 10px;	
}

.PtekstContent a:link {
	text-decoration: underline;	
}

.PtekstContent a:hover {
	text-decoration: underline;	
}

.PtekstContent a:active {
	text-decoration: underline;	
}

.PtekstContent a:visited {
	text-decoration: underline;	
}

.DIVcontentDownloadPDF{
	height:					47px;
	margin:					0px 0px 25px 0px;
	padding:				0px 50px 0px 60px;
	background-image:		url(frame-images/ICONpdf.png);
	background-repeat:		no-repeat;
	background-position:	left center;
	cursor:					pointer;
	line-height:			47px;
}

.DIVcontentDownloadPDFMail{
	height:					47px;
	margin:					0px 0px 25px 0px;
	padding:				0px 50px 0px 60px;
	background-image:		url(frame-images/ICONpdf.png);
	background-repeat:		no-repeat;
	background-position:	left center;
	line-height:			47px;
}

.DIVbackLink{
	height:					24px;
	background-image:		url(frame-images/ICONarrowLeft.png);
	background-position:	left center;
	background-repeat:		no-repeat;
	padding:				0px 0px 0px 25px;
	margin:					0px 0px 10px 0px;
	line-height:			18px;
	cursor:					pointer;
}

.DIVcontentAreaLeftCol{
	min-height:				250px;
}

.DIVcontentAreaRightCol{
	min-height:				250px;
	padding:				0px 0px 0px 35px;
}

.DIVcontentAreaRightCol > p > a{
	color:					#1385B7;
	text-decoration:		underline;
}

/* ======= SUBMENU CLASSES =====*/

.DIVcontentSubmenu{
	min-height:				200px;
	background-image:		url(frame-images/BACKGROUNDsubMenu.jpg);
	background-repeat:		repeat-y;
	background-position:	right top;
	background-color:		#093445;
	padding:					40px 30px;	
}

.DIVsubmenuLine{
	height:					1px;
	position:				relative;
	float:					left;
	background-image:		url(frame-images/LINEsubmenuHor.png);
	background-repeat:		repeat-x;
}

.DIVsubmenuButton{
	min-height:				33px;
	position:					relative;
	padding:					13px 0px;
	float:							left;
	text-transform:			uppercase;
	cursor:						pointer;
}

.DIVsubmenuButtonActive{
	min-height:				33px;
	position:				relative;
	padding:				13px 0px;
	float:					left;
	text-transform:			uppercase;
	cursor:					pointer;
	background-image:		url("frame-images/ICONsubmenuActive.jpg");
	background-repeat:		no-repeat;
	background-position:	right center;
}

/* ======= MEMBER OVERVIEW CLASSES =====*/

.DIVmemberOverviewContainer{
	min-height:				285px;
}

.DIVmemberOverviewBlock{
	text-align:					center;
	min-height:					285px;
	padding:					25px 12.5px;
	background-image:			url(frame-images/LINEhorGreyDotted.png);
	background-repeat:			repeat-x;
	background-position:		left bottom;
}

.DIVmemberOverviewBlock:nth-child(4n+1){
	padding:				25px 12px 25px 0px;
}

.DIVmemberOverviewBlock:nth-child(4n+4){
	padding:				25px 0px 25px 12px;
}

.IMGmemberOverview{
	width:					110px;
	height:					110px;
	border-radius: 			55px;
	-webkit-border-radius: 	55px;
	-moz-border-radius:		55px;
}

.PmemberOverview{
	width:						100%;
	min-height:					75px;
	overflow:					hidden;
	padding:					12px 0px 5px 0px;
	margin:						0px 0px 15px 0px;		
}

.AmemberOverview{
	width:					80px;
	height:					25px;
	line-height:			25px;
	text-align:				center;
	padding:				0px 25px 0px 0px;
	display:				inline-block;
	cursor:					pointer;
	background-color:		#135A88;
	background-image:		url(frame-images/ICONurlArrow.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
}

/* ======= MEMBER DETAILS CLASSES =====*/

/* --- LEFT COLLUM --- */
.STRONGmemberDetailTitle{
	width:					100%;
	display:				inline-block;
}

.IMGmemberLogo{
	margin:					0px 0px 25px 0px;
	width: 					199px;
}

.IMGmemberDetails {
	margin:					0px 0px 25px 0px;
	
}

.ULmemberDetailsCompetentions{
	padding:				0px 0px 0px 13px;
	margin:					15px 0px 25px 0px;
}

.ULmemberDetailsCompetentions li{
	margin:					0px 0px 10px 0px;
}

.TABLEmdc{
	margin:					15px 0px 0px 0px;
}

.TDmdcTitle{
	width:					25%;
	padding:				0px 10px 15px 0px;
}

.TDmdcValue{
	width:					75%;
	padding:				0px 10px 15px 0px;
}

.DIVmdcTopMargin{
	margin:					25px 0px 25px 0px;
}


/* --- RIGHT COLLUM --- */
.PmemberText{
	line-height:			24px;
	margin:					0px 0px 35px 0px;
}

.PmemberText strong{
	font-family: 'Oswald';
    font-size: 1.23em;
    font-weight: 300;
    color:	#093445;
}


/* ======= BLOG CLASSES =====*/

.DIVblogOverviewItem{
	padding:				18px 25px;
	min-height:			430px;
	position:				relative;
	float:						left;
}

.DIVblogOverviewItem:nth-child(1){
	background-color:		#ebebeb;
}

.DIVblogOverviewItem:nth-child(2){
	background-color:		#f8f8f8;
}

.DIVblogOverviewItem:nth-child(3){
	background-color:		#f8f8f8;
}

.DIVblogOverviewItem:nth-child(4){
	background-color:		#ebebeb;
}

.DIVblogOverviewItem:nth-child(4n+1){
	background-color:		#ebebeb;
}

.DIVblogOverviewItem:nth-child(4n+2){
	background-color:		#f8f8f8;
}

.DIVblogOverviewItem:nth-child(4n+3){
	background-color:		#f8f8f8;
}

.DIVblogOverviewItem:nth-child(4n+4){
	background-color:		#ebebeb;
}

.IMGblogOverview{
	width:					348px;
	float:						left;
	margin:					0px 0px 20px 0px;
	display:					inline-block;
	clear:					both;
}

.DATEblogOverview{
	padding:				0px 10px 0px 0px;
	margin:					0px 0px 5px 0px;
	float:						left;
	display:					inline-block;
}

.STRONGblogAuthorOverview{
	margin:					0px 0px 0px 0px;
	float:					left;
	display:				inline-block;
}

.PblogOverview{
	width:					100%;
	min-height:			100px;
	float:						left;
}

.AblogOverview{
	min-width:				80px;
	height:					25px;
	line-height:			25px;
	text-align:				center;
	padding:				0px 30px 0px 10px;
	display:				inline-block;
	cursor:					pointer;
	background-color:		#135A88;
	background-image:		url(frame-images/ICONurlArrow.jpg);
	background-position:	right top;
	background-repeat:		no-repeat;
	float:					right;
}

.FONTblogComments{
	width:					100%;
	display:				inline-block;
	margin:					15px 0px 0px 0px;
	clear:					both;
	float:					right;
	text-align:				right;
}

.DIVshareContainer{
	width:					100%;
	min-height:				40px;
	margin:					15px 0px 15px 0px;
	vertical-algin:			top;
}

.H1mainTitleBlog {
	margin:				0px 0px 2px 0px;
	line-height:		1.69em
}

/* ======= REACTION CLASSES ========== */

.DIVreactionsContainer{
	min-height:				5px;
	width:					100%;
	position:				relative;
	float:					left;
	margin:					0px 0px 25px 0px;
}

.DIVreaction{
	width:					100%;
	min-height:				65px;
	padding:				16px 20px;
	position:				relative;
	float:					left;					
}

.DIVreaction:nth-child(odd){
	background-color:		#ebebeb
}

.DIVreaction:nth-child(even){
	background-color:		#f8f8f8;		
}

.STRONGreactionName{
	width:					calc(100% - 150px);
	float:					left;
	display:				inline-block;
	padding:				0px 20px 10px 0px;
}

.DATEreaction{
	width:					150px;
	float:					right;
	text-align:				right;
	display:				inline-block;
	padding:				0px 0px 10px 20px;
}

.STRONGmessage{
	width:					100%;
	height:					25px;
	display:				inline-block;
	padding:				0px 0px 15px 0px;
}

.DIVdeleteReaction{
	min-width:				50px;
	position:				relative;
	float:					right;
	text-align:				right;
	display:				inline-block;
	padding:				0px 0px 5px 0px;
	cursor:					pointer;
}

.DIVdeleteReaction:hover{
	text-decoration:		underline;
}

.DIVreactionDeleteResult{
	min-width:				50px;
	position:				relative;
	float:					right;
	text-align:				right;
	clear:					both;
	display:				inline-block;
	padding:				0px 0px 10px 0px;
}

.FONToverviewReactions{
	display:				inline-block;
	float:					right;
	padding:				0px 0px 0px 20px;
}

.AuserTerms{
	text-decoration:		underline;
}

.AuserReactionLink{
	color:					#1385B7;
	text-decoration:		underline;
	text-transform:			italic;
	font-size:				1em;	
	font-family:			'Roboto';				
}

.AuserReactionLink:hover{
	color:					#1385B7;
	text-decoration:		underline;
	text-transform:			italic;
	font-size:				1em;	
	font-family:			'Roboto';	
}


/* ======= LIST CLASSES =====*/

.DIVListContainer{
	min-height:				52px;
	margin:					15px 0px 15px 0px;
}

.DIVListItem{
	padding:				15px 55px 15px 18px;
	background-image:		url(frame-images/ICONurlArrow.jpg);
	background-repeat:		no-repeat;
	background-position:	calc(100% - 15px) calc(100% - 15px);
	cursor:					pointer;
}

.DIVListItemNoCursor{
	padding:				15px 55px 15px 18px;
	background-image:		url(frame-images/ICONurlArrow.jpg);
	background-repeat:		no-repeat;
	background-position:	calc(100% - 15px) calc(100% - 15px);
}

.DIVListItemNoCursor > a{
	color:					#1385B7;
	text-decoration:		underline;
}

.IMGlistLarge{
	width:					90px;
	height:					90px;
	float:					left;
	margin:					0px 25px 0px 0px;
}

.IMGlistSmall{
	width:					50px;
	height:					50px;
	float:					left;
	margin:					0px 25px 0px 0px;
}

.LISTpaddingBot{
	margin-bottom:			5px;
	min-height:				10px;
	margin:					0px 0px 5px 0px;
}

.LISTpaddingBotSmalList{
	margin-bottom:			5px;
	display:						inline-block;
	width: 						calc(100% - 75px)
}

.DIVListItem:nth-child(odd){
	background-color:		#ebebeb;
}

.DIVListItem:nth-child(even){
	background-color:		#f5f5f5;
}

/* ======= MISC DETAILS CLASSES =====*/

.IMGarticleMainImage{
	width:					100%;
	height:					auto;
	margin:					0px 0px 15px 0px;
	float:						left;
}

.FONTauthor{
	width:					100%;
	display:				inline-block;
	float:					left;
	clear:					both;
	margin:					0px 0px 25px 0px;
}

.DATEreport{
	display:				inline-block;
	clear:					both;
	margin:					0px 0px 10px 0px;
}

.FONTsocial{
	display:				inline-block;
	clear:					both;
	width:					100%;
	margin:					15px 0px 10px 0px;
}

/* ======= BOTOM CLASSES =====*/

.STRONGbottom{
	
}

.DIVbotCol{
	padding:				0px 10% 0px 0px;
}

.DIVbotColSpace {
	width:					100%;
	height: 					16px;
}

.DIVbotCol a:link {
	color: 					#FFFFFF;	
}

.DIVbotCol a:hover {
	color: 					#FFFFFF;	
	text-decoration: 		underline;
}

.DIVbotCol a:visited {
	color: 					#FFFFFF;	
}

.DIVbotCol a:active {
	color: 					#FFFFFF;	
}

/* =======SWITCH CLASSES ====== */ 

.DIVhide{
	display:			none;	
}

.DIVnoMargin{
	margin:				0px;	
}

.DIVnoMarginRight{
	margin-right:		0px;	
}

.DIVhomeAdjust{
	top:					-350px;
}

.DIVgreyLineSmallMargin{
	margin:				0px 0px 10px 0px;
}


/* ======= MEDIA QUERIES =====*/

/* -- MD-SIZE --*/
@media (max-width: 1200px) and (min-width: 989px){
	.DIVmenuButtonContainer{
		padding:				0px 0px 0px 45px;
	}
	
	.DIVmenuButton{
		padding:				0px 10px 0px 15px;
	}
	
	.DIVmenuButtonActive{
		padding:				0px 10px 0px 15px;
	}
	
	.DIVhomeTwitter{
		height:						138px;
		padding:					27px 80px 17px 100px; 
	}
	
	.DIVcontentLeftHomeIntro{
		min-height: 				292px;
	}
	
	.PhomeIntro{
		min-height: 				166px;
	}
	
	.DIVcontentLeftHomeMembersIntro{
		min-height:						138px;
	}
	
	.DIVtopZoekenCellCenter {
		width: 						940px;
		display: 					table-cell;
	}
	
	.PmemberOverview{
		min-height:				80px;
	}
	
	.IMGmemberLogo{
		margin:					0px 0px 25px 0px;
		width: 					161px;
	}
	
	.IMGblogOverview{
		width:					273px;
	}
}

/* -- SM-SIZE --*/
@media (max-width: 989px) and (min-width: 769px){
	.DIVListItem{
		padding:				15px 18px 45px 18px;
	}
	
	.IMGlistSmall{
		width:					100%;
		height:					auto;
		margin:					0px 0px 15px 0px;
	}
	
	.IMGlistLarge{
		width:					100%;
		height:					auto;
		margin:					0px 0px 15px 0px;
	}

	.DIVmenuButtonContainer{
		padding:				0px 0px 0px 0px;
	}
	
	.DIVmenuButton{
		padding:				0px 0px 0px 15px;
		margin:					0px 8px 0px 0px;
	}
	
	.DIVmenuButtonActive{
		padding:				0px 5px 0px 10px;
		margin:					0px 5px 0px 0px;
	}
	
	.DIVhomeAdjust{
		top:					-150px;
	}
	
	.DIVtopContainerHome{
		height:					425px;
	}
	
	.DIVcontentHomeRightCol{
		top:					-150px;
		margin:					0px;
	}
	
	.DIVcontentHomeMemebersCol{
		min-height:					280px;
	}
	
	.DIVhomeTwitter{
		min-height:					100px;
	}
	
	.DIVtopZoekenCellCenter {
		width: 						720px;
		display: 					table-cell;
	}
	
	.STRONGhomeQouteLine2{
		text-align:				left;
		padding-left: 			80px;
	}
	
	.DIVcontentLeftHomeIntro{
		min-height:				150px;
		position:					relative;
		float:							left;
		background-color:		#FFFFFF;
		padding:					25px 25px 25px 25px;
	}
	
	.PhomeIntro{
		min-height: 				65px;
	}
	
	.DIVmemberOverviewBlock:nth-child(1n+2){
		padding:				25px 12px 25px 0px;
	}

	.DIVmemberOverviewBlock:nth-child(2n+2){
		padding:				25px 0px 25px 12px;
	}
	
	.PmemberOverview{
		min-height:				75px;
	}
	
	.DIVcontentAreaRightCol{
		padding:				0px 0px 0px 0px;
	}
	
	.IMGmemberLogo{
		margin:					0px 0px 25px 0px;
		width: 					100%;
	}
	
	
	.LISTpaddingBotSmalList{
		margin-bottom:			5px;
		display:						inline-block;
		width: 						100%;
	}
	
	img {
		max-width: 100%;	
	}
	
	.IMGblogOverview{
		width:					100%;
	}

}

/* -- XS-SIZE --*/
@media (max-width: 769px){

	.DIVtopContainerHome{
		height:					325px;
	}
	
	.DIVhomeAdjust{
		top:					-75px;
	}
	
	.DIVcontentHomeMemebersCol{
		min-height:					375px;
		top: 								-20px;
	}
	
	.DIVcontentLeftHomeQoute{
		padding:				35px 61px 40px 61px;
	}
	
	.DIVcontentLeftHomeIntro{
		padding:				28px 28px;
	}
	
	.DIVmenuButtonContainer{
	padding:					0px;
	}
	
	.DIVhomeTwitter{
		min-height:				100px;
		position: 					relative;
		padding:					17px 20px 17px 100px; 
		cursor: 						pointer;
	}
	
	.DIVbottomContainer{
		padding:					35px 25px 25px 25px;
	}
	
	.DIVbotCol {
		padding-bottom:		20px;	
	}
	
	img {
		max-width: 100%;	
	}
	
	.DIVcontentLeftCol{
		top:							0px;
		min-height: 50px;	
	}
	
	.DIVcontentRightCol{
		top:							0px;
	}
	
	.DIVcontentSubmenu {
		min-height: 50px;	
	}
	
	.STRONGhomeQoute {
		padding-left: 10px;
		text-align: left;	
	}
	
	.STRONGhomeQouteLine2 {
		padding-left: 10px;
		text-align: left;	
	}
	
	.DIVcontentHomeRightCol{
		top:						-0px;
		margin:					0px;
	}
	
	.DIVcontentLeftHomeMembersIntro {
		min-height: 			20px;
		padding-bottom:		25px;	
	}
	
	.IMGchm{
		width:							85px;
		height:							85px;
		border-radius: 				55px;
		-webkit-border-radius: 	55px;
		-moz-border-radius:		55px;
		border:							3px solid #FFFFFF;
		cursor:							pointer;
	}
	
	.IMGmemberOverview {
		width: 100%;
		height: 100%;
		border-radius: 				350px;
		-webkit-border-radius: 	350px;
		-moz-border-radius:		350px;
	}
	
	.DIVcontentAreaRightCol{
		min-height:				250px;
		padding:					0px 0px 0px 0px;
	}

	.IMGmemberLogo{
		margin:					0px 0px 25px 0px;
		width: 					100%;
	}
	
	.IMGlistLarge{
		width:					100%;
		height:					auto;
		margin:					0px 0px 15px 0px;
	}
	
	.DIVListItem{
		padding:				15px 18px 45px 18px;
	}
	
	.IMGlistSmall{
		width:					100%;
		height:					auto;
		margin:					0px 0px 15px 0px;
	}
	
	.LISTpaddingBotSmalList{
		margin-bottom:			5px;
		display:						inline-block;
		width: 						100%;
	}

	.IMGblogOverview{
		width:					100%;
	}

}

/* ======= DEFAULT FORM CLASSES =====*/

.DIVdefaultFormModule{
	min-height:				125px;
	position:				relative;
	float:					left;
}

.DIVdfmRow{
	min-height:				32px;
	padding:				0px 0px 15px 0px;
	position:				relative;
	float:					left;
}

.DIVdfmTitle{
	min-height:				32px;
	line-height:			32px;
	position:				relative;
	float:					left;
}

.DIVdfmSectionRow{
	min-height:				32px;
	line-height:			32px;
	margin:					5px 0px 10px 0px;
	position:				relative;
	float:					left;
}

.INPUTdfmText{
	width:					100%;
	height:					32px;
	line-height:			32px;
	border:					1px solid #969696;
	background-color:		#ffffff;
}

.INPUTdfmTextArea{
	width:					100%;
	height:					132px;
	border:					1px solid #969696;
	background-color:		#ffffff;
}

.INPUTdfmSelect{
	width:					100%;
	height:					32px;
	border:					1px solid #969696;
	background-color:		#ffffff;
	line-height:			32px;
}

.INPUTdfmButton{
	width:					100%;
	height:					35px;
	float:					left;
	border:					0px;
	line-height:			35px;
	padding:				0px 10px 0px 10px;
	background-image:		url("frame-images/BACKGROUNDsubmitButton.png");
	background-repeat:		repeat-x;
	cursor:					pointer;
}

@media (max-width: 767px){
	.INPUTdfmText{
		height:				45px;
		line-height:		45px;
	}
}

@media (min-width: 767px){
	.DIVdfmPR{
		padding-left:			20px;						
	}
	
}

/* DROP DOWN MENU */

/*
 	STANDAARD WERKING BREEDTE:
 	Het hoofdmenu krijgt automatisch de breedte van het breedste submenu item
 	
 	OPTIES VOOR BREEDTE VAN HET HOOFD ITEM & SUB MENU
 	Hoofditem net zo breed als submenu 											Geen opties, standaard methode
 	Hoofditem breedte opgeven, submenu net zo breed als hoofd item				CSS breedte zetten op topNavItem
 	Hoofditem breedte dynamisch, submenu net zo breed als hoofd item			attribute breedte="Top" toevoegen aan subNav div
 	Hoofditem breedte dynamisch, submenu breete dynamisch						attribute breedte="Zelf" toevoegen aan subNav div
 	
 	BENODIGDE STYLE KLASSES
	topNav:				Overkoepelende DIV waarin het menu komt
	topNavItem:			Blok waarin de tekst van het hoofd item komt
	topNavTekst:		De tekst van het hoofd item
	subNav:				Div waarin de verschillende sub items komen
	subNavItem:			BLok waarin de sub item komt te staan
	subNavItemHover:	style die het subNavItem krijgt indien de muis er overheen beweegt
	
	OPBOUW VAN DE DIVS
		<topNav>
			<topNavItem>
				<topNavTekst>
				<subNav>
					<subNavItem>
					<subNavItem>
				</subNav>
			</topNavItem>
			<topNavItem>
			etc.
*/

.topNav {
	position: relative;			/* Verplicht */
}


.topNavItem{
	position: relative;			/* Verplicht */
	float: left;				/* Verplicht */	
	/*width: 150px;*/ 			/* Optioneel: de breedte van het hoofd item (submenu krijgt automatisch deze breedte)*/
	cursor: pointer;
}

.topNavTekst{
	padding: 	0px 5px 9px 5px; 			/* 0px = top, bottom | 5px = left,right */
	height: 	20px;
}

.subNav{
	position: 	relative;			/* Verplicht */
	top: 		49px;
	left:		0px;
	z-index:	100;
}

.subNavActive{
	top:		59px;
	left:		0px;
}

.subNavItem{
	background-image:	url(frame-images/BACKGROUNDmenuBar.png);
	background-repeat: 	repeat-x;
	padding: 			0px 20px;			/* 0px = top, bottom | 5px = left,right */
	cursor: 			pointer;
	height:				49px;
	line-height:		49px;
	min-width:			20px;
	white-space: 		nowrap
}

.SubItemActive{
	font-size:			1.23em;
	font-weight:		300;
	font-family:		'Oswald';		
}

.subNavItemHover{
}

.navLink{
	color: #ffffff;
	text-decoration: none;	
}

/* EIND SUB MENU */

/* =======BROWSER WARNING MESSAGES ====== */ 

.DIVbottomMeldingWeergave{
	width:				100%;
	min-height: 		40px;
	position:			fixed;
	bottom:				0px;
	left:				0xp;
	background-color:	#373634;
	color:				#ffffff;
	font-size:			14px;
	z-index:			50;
	text-align:			center;
	line-height:		40px;
}

.DIVsluiten{
	color:				#E94539;
	font-weight:		bold;
	text-decoration:	underline;	
	font-size:			14px;
	cursor:				pointer;
	padding-left:		15px;
}

.DIVbottomCopy{
	width:				970px;
	height: 			10px;
	position:			relative;
	float:				left;
	text-align:			right;
	font-size:			10px;
	line-height:		10px;
	margin-bottom:		5px;
}

.FONTzoekwoord{
	color:				#1385B7;
	font-weight:		700;
}

.AaccountLink{
	color:				#1385B7;
	display:			block;
	margin:				0px 0px 7px 0px;	
}