html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

table, tbody, tfoot, thead, tr, th, td
{
	margin: 0;
	padding: 0;
	outline: 0;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
	display: block;
}

body
{
	line-height: 1;
	font-size: 68.8%;
}

img
{
	border: 0;
	outline: 0;
	vertical-align: baseline;
}

blockquote, q
{
	quotes: none;
}

	blockquote:before, blockquote:after, q:before, q:after
	{
		content: '';
		content: none;
	}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*===============================================================================================*/
html
{
	overflow-y: scroll;
}
/*===============================================================================================*/
/*	BODY STYLES																												 */
/*===============================================================================================*/
body.log
{
	padding: 0;
	margin: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.8%;
	color: Black;
	background-color: #FFFFFF;
	background-image: none;
	font-weight: normal;
	text-align: left;
}

	body.log div.main
	{
		margin: 0 auto 0 auto;
		width: auto;
		overflow: scroll;
	}

	body.log a
	{
		color: Navy;
		text-decoration: underline;
	}

		body.log a:hover
		{
			color: #5772A3;
			text-decoration: underline;
		}

body.center
{
	text-align: center;
}

.box
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*===============================================================================================*/
/*	NOT VISIBLE STYLE																										 */
/*===============================================================================================*/
.noCSS
{
	display: none;
}

/*===============================================================================================*/
/*	SQL & XML MARKUP STYLE																								 */
/*===============================================================================================*/
.markup
{
	color: black;
	background: white;
	clear: both;
	font-size: 11px;
	text-align: left;
}

	.markup pre
	{
		font-family: Lucida Console, Courier New;
	}

	.markup strong
	{
		color: black;
	}

#writeTexts
{
	background-color: #FFF;
	font-family: Lucida Console, Courier New;
	color: #000;
	padding: 2px;
}
/*===============================================================================================*/
/*	TRACE STYLE	(the default of Microsoft is broken)															 */
/*===============================================================================================*/
span.tracecontent table td
{
	padding: 0 20px 0 3px !important;
	font-family: 'Lucida Console', 'Courier New', Courier, monospace!important;
}

/*===============================================================================================*/
/*	MESSAGEBOX STYLE                                                                              */
/*===============================================================================================*/
div.MessageBox, a.MessageBox
{
	padding: 10px 20px 10px 20px;
	border: solid 1px black;
	background-color: #FFFFFF;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
}

div.MessageBox
{
	position: absolute;
	top: 200px;
	width: 350px;
}

a.MessageBox, a.MessageBox:hover
{
	color: #000000;
	cursor: pointer;
	display: block;
	padding: 4px 20px 4px 20px;
	margin: 2px;
	text-decoration: none;
	width: auto;
}

div.NoImgBack
{
	border-bottom: 3px solid;
	border-right: 3px solid;
}

body img#imgBack
{
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*===============================================================================================*/
/*	LOGIN																														 */
/*===============================================================================================*/
div.login .formfield.username
{
	margin-bottom: 10px;
}

div.login span.username
{
	font-weight: bold;
	margin-bottom: 15px;
}

/*===============================================================================================*/
/*	SEARCH																													 */
/*===============================================================================================*/
.results div.result
{
	padding: 0;
	margin: 0;
}

span.searchWord
{
	color: Black;
	font-weight: bold;
	margin-left: 1px;
	margin-right: 1px;
}

span.sw0
{
	background-color: #FFFF99;
}

span.sw1
{
	background-color: #99FFFF;
}

span.sw2
{
	background-color: #FF99FF;
}

span.sw3
{
	background-color: #9999FF;
}

span.sw4
{
	background-color: #FF9999;
}

span.sw5
{
	background-color: #99FF99;
}

.searchTitle img
{
	text-decoration: none;
}

/*===============================================================================================*/
/*	CALENDAR																													 */
/*===============================================================================================*/
div.calendar
{
	background-color: #FFF;
	border: 1px solid #000;
	color: black;
	display: block;
	padding: 0;
	position: absolute;
}

	div.calendar.inline
	{
		border-width: 0;
		position: static;
	}

	div.calendar table
	{
		float: left;
	}

	div.calendar .select
	{
		padding: 0;
		border-bottom: 1px solid #000;
	}

		div.calendar .select select
		{
			width: 100%;
		}

	div.calendar .priorMonth,
	div.calendar .nextMonth
	{
		margin: 0;
		width: 100%;
	}

		div.calendar .priorMonth:after
		{
			content: "<";
		}

		div.calendar .nextMonth:after
		{
			content: ">";
		}

	div.calendar tr.body
	{
		font-size: 90%;
	}

	div.calendar-loader {
		position: absolute;
		top: 33px;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		opacity: 0.4;
	}

td.calDisabled
{
	color: #A0A0A0;
}

/*===============================================================================================*/
/*	IMAGE POPUP																												 */
/*===============================================================================================*/
body.showImage
{
	margin: 5px;
	padding: 0;
	overflow: hidden;
}

/*===============================================================================================*/
/*	GOOGLE MAPS																												 */
/*===============================================================================================*/
.markerDetailClose
{
	display: none;
}

/*===============================================================================================*/
/*	COOKIES LAW																												 */
/*===============================================================================================*/
div.cookieSpacer
{
	width: 100%;
	height: 46px;
	float: left;
}

.cookies
{
	background: transparent url('/img/default/lightbox.png') repeat 0 0;
	bottom: 0;
	color: #fff;
	position: fixed;
	text-align: center;
	width: 100%;
	z-index: 999;
}

	.cookies div
	{
		margin: 10px;
	}

	.cookies span
	{
	}

	.cookies button
	{
		float: none;
		margin-left: 10px;
	}

	.cookies a.close
	{
		background: transparent url('/img/default/close.png') no-repeat 0 0;
		height: 16px;
		position: fixed;
		right: 20px;
		width: 16px;
	}

/*===============================================================================================*/
figure.image
{
	display: inline-block;
}
/*===============================================================================================*/
#divDebug
{
	float: left;
	clear: both;
}
/*===============================================================================================*/

/*===============================================================================================*/
/*	FORM																														 */
/*===============================================================================================*/
form.form
{
	width: 100%;
}

	form.form table
	{
		padding: 15px;
	}

		form.form table table
		{
			padding: 0;
		}

	form.form .formfield table
	{
		padding: 0;
	}

	form.form div
	{
		padding: 3% 1.8% 3% 3%;
		width: 95.1%;
		float: left;
	}

		form.form div div
		{
			padding: 0;
			width: 100%;
		}

			form.form div div div
			{
				float: none;
				width: auto;
			}

		form.form div.category
		{
			width: 98%;
			margin-top: 5px;
			margin-bottom: 2px;
			padding: 1px;
		}

		form.form div.first
		{
			margin-top: auto;
		}

	form.form .formfield
	{
		width: 100%;
		float: left;
		margin-bottom: 5px;
	}
		
	form.form .nospace
	{
		margin-bottom: 0;
	}

	form.form input
	{
		width: 97%;
	}

	form.form div.formfield.buttons
	{
		width: 98.8%;
		padding-right: 1.2%;
	}

	form.form input.checkbox, form.form input.radio
	{
		width: auto;
	}

	form.form div.radio
	{
		clear: both;
	}

	* html form.form td.multilabel
	{
		padding-top: 3px;
	}

	form.form select
	{
		width: 98.5%;
	}

	form.form textarea
	{
		width: 97%;
	}
/******************************
*
*  RoyalSlider Default Skin 
*
*    1. Arrows 
*    2. Bullets
*    3. Thumbnails
*    4. Tabs
*    5. Fullscreen button
*    6. Play/close video button
*    7. Preloader
*    8. Caption
*    
*  Sprite: 'rs-default.png'
*  Feel free to edit anything
*  If you don't some part - just delete it
* 
******************************/


/* Background */
.rsDefault,
.rsDefault .rsOverflow,
.rsDefault .rsSlide,
.rsDefault .rsVideoFrameHolder,
.rsDefault .rsThumbs
{
	background: #FFF;
	color: #FFF;
}


	/***************
*
*  1. Arrows
*
****************/

	.rsDefault .rsArrow
	{
		height: 100%;
		width: 44px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
	}

	.rsDefault.rsVer .rsArrow
	{
		width: 100%;
		height: 44px;
	}

	.rsDefault.rsVer .rsArrowLeft
	{
		top: 0;
		left: 0;
	}

	.rsDefault.rsVer .rsArrowRight
	{
		bottom: 0;
		left: 0;
	}

	.rsDefault.rsHor .rsArrowLeft
	{
		left: 0;
		top: 0;
	}

	.rsDefault.rsHor .rsArrowRight
	{
		right: 0;
		top: 0;
	}

	.rsDefault .rsArrowIcn
	{
		width: 32px;
		height: 32px;
		top: 50%;
		left: 50%;
		margin-top: -16px;
		margin-left: -16px;
		position: absolute;
		cursor: pointer;
		background: url('../../img/royalslider/rs-default.png');
		background-color: #000;
		background-color: rgba(0,0,0,0.75);
		*background-color: #000;
		border-radius: 2px;
	}

		.rsDefault .rsArrowIcn:hover
		{
			background-color: rgba(0,0,0,0.9);
		}

	.rsDefault.rsHor .rsArrowLeft .rsArrowIcn
	{
		background-position: -64px -32px;
	}

	.rsDefault.rsHor .rsArrowRight .rsArrowIcn
	{
		background-position: -64px -64px;
	}

	.rsDefault.rsVer .rsArrowLeft .rsArrowIcn
	{
		background-position: -96px -32px;
	}

	.rsDefault.rsVer .rsArrowRight .rsArrowIcn
	{
		background-position: -96px -64px;
	}

	.rsDefault .rsArrowDisabled .rsArrowIcn
	{
		opacity: .2;
		filter: alpha(opacity=20);
		*display: none;
	}


	/***************
*
*  2. Bullets
*
****************/

	.rsDefault .rsBullets
	{
		position: absolute;
		z-index: 35;
		left: 0;
		bottom: 0;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background: #000;
		background: rgba(0,0,0,0.75);
		text-align: center;
		line-height: 8px;
		overflow: hidden;
	}

	.rsDefault .rsBullet
	{
		width: 8px;
		height: 8px;
		display: inline-block;
		*display: inline;
		*zoom: 1;
		padding: 6px 5px 6px;
	}

		.rsDefault .rsBullet span
		{
			display: block;
			width: 8px;
			height: 8px;
			border-radius: 50%;
			background: #777;
			background: rgba(255,255,255,0.5);
		}

		.rsDefault .rsBullet.rsNavSelected span
		{
			background-color: #FFF;
		}


	/***************
*
*  3. Thumbnails
*
****************/

	.rsDefault .rsThumbsHor
	{
		width: 100%;
		height: 72px;
	}

	.rsDefault .rsThumbsVer
	{
		width: 96px;
		height: 100%;
		position: absolute;
		top: 0;
		right: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsContainer
	{
		position: relative;
		height: 100%;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsContainer
	{
		position: relative;
		width: 100%;
	}

	.rsDefault .rsThumb
	{
		float: left;
		overflow: hidden;
		width: 96px;
		height: 72px;
	}

		.rsDefault .rsThumb img
		{
			width: 100%;
			height: 100%;
		}

		.rsDefault .rsThumb.rsNavSelected
		{
			background: #777;
		}

			.rsDefault .rsThumb.rsNavSelected img
			{
				opacity: 0.3;
				filter: alpha(opacity=30);
			}

	.rsDefault .rsTmb
	{
		display: block;
	}

		/* Thumbnails with text */
		.rsDefault .rsTmb h5
		{
			font-size: 16px;
			margin: 0;
			padding: 0;
			line-height: 20px;
			color: #FFF;
		}

		.rsDefault .rsTmb span
		{
			color: #DDD;
			margin: 0;
			padding: 0;
			font-size: 13px;
			line-height: 18px;
		}



	/* Thumbnails arrow icons */
	.rsDefault .rsThumbsArrow
	{
		height: 72px;
		width: 20px;
		position: absolute;
		display: block;
		cursor: pointer;
		z-index: 21;
		background: #000;
		background: rgba(0,0,0,0.75);
	}

		.rsDefault .rsThumbsArrow:hover
		{
			background: rgba(0,0,0,0.9);
		}

	.rsDefault.rsWithThumbsVer .rsThumbsArrow
	{
		width: 100%;
		height: 20px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft
	{
		top: 0;
		left: 0;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight
	{
		bottom: 0;
		left: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft
	{
		left: 0;
		top: 0;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight
	{
		right: 0;
		top: 0;
	}

	.rsDefault .rsThumbsArrowIcn
	{
		width: 16px;
		height: 16px;
		top: 50%;
		left: 50%;
		margin-top: -8px;
		margin-left: -8px;
		position: absolute;
		cursor: pointer;
		background: url('../../img/royalslider/rs-default.png');
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn
	{
		background-position: -128px -32px;
	}

	.rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn
	{
		background-position: -128px -48px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn
	{
		background-position: -144px -32px;
	}

	.rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn
	{
		background-position: -144px -48px;
	}

	.rsDefault .rsThumbsArrowDisabled
	{
		display: none !important;
	}

/* Thumbnails resizing on smaller screens */
@media screen and (min-width: 0px) and (max-width: 800px)
{
	.rsDefault .rsThumb
	{
		width: 59px;
		height: 44px;
	}

	.rsDefault .rsThumbsHor
	{
		height: 44px;
	}

	.rsDefault .rsThumbsVer
	{
		width: 59px;
	}
}




/***************
*
*  4. Tabs
*
****************/

.rsDefault .rsTabs
{
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	padding-top: 12px;
	position: relative;
}

.rsDefault .rsTab
{
	display: inline-block;
	cursor: pointer;
	text-align: center;
	height: auto;
	width: auto;
	color: #333;
	padding: 5px 13px 6px;
	min-width: 72px;
	border: 1px solid #D9D9DD;
	border-right: 1px solid #f5f5f5;
	text-decoration: none;
	background-color: #FFF;
	background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4);
	background-image: linear-gradient(to bottom, #fefefe, #f4f4f4);
	-webkit-box-shadow: inset 1px 0 0 #fff;
	box-shadow: inset 1px 0 0 #fff;
	*display: inline;
	*zoom: 1;
}

	.rsDefault .rsTab:first-child
	{
		-webkit-border-top-left-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}

	.rsDefault .rsTab:last-child
	{
		-webkit-border-top-right-radius: 4px;
		border-top-right-radius: 4px;
		-webkit-border-bottom-right-radius: 4px;
		border-bottom-right-radius: 4px;
		border-right: 1px solid #cfcfcf;
	}

	.rsDefault .rsTab:active
	{
		border: 1px solid #D9D9DD;
		background-color: #f4f4f4;
		box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset;
	}

	.rsDefault .rsTab.rsNavSelected
	{
		color: #FFF;
		border: 1px solid #999;
		text-shadow: 1px 1px #838383;
		box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset;
		background: #ACACAC;
		background-image: -webkit-linear-gradient(top, #ACACAC, #BBB);
		background-image: -moz-llinear-gradient(top, #ACACAC, #BBB);
		background-image: linear-gradient(to bottom, #ACACAC, #BBB);
	}





/***************
*
*  5. Fullscreen button
*
****************/

.rsDefault .rsFullscreenBtn
{
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 22;
	display: block;
	position: absolute;
	cursor: pointer;
}

.rsDefault .rsFullscreenIcn
{
	display: block;
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../../img/royalslider/rs-default.png') 0 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
	border-radius: 2px;
}

	.rsDefault .rsFullscreenIcn:hover
	{
		background-color: rgba(0,0,0,0.9);
	}

.rsDefault.rsFullscreen .rsFullscreenIcn
{
	background-position: -32px 0;
}





/***************
*
*  6. Play/close video button
*
****************/

.rsDefault .rsPlayBtn
{
	-webkit-tap-highlight-color: rgba(0,0,0,0.3);
	width: 64px;
	height: 64px;
	margin-left: -32px;
	margin-top: -32px;
	cursor: pointer;
}

.rsDefault .rsPlayBtnIcon
{
	width: 64px;
	display: block;
	height: 64px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-webkit-transition: .3s;
	-moz-transition: .3s;
	transition: .3s;
	background: url(../../img/royalslider/rs-default.png) no-repeat 0 -32px;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

.rsDefault .rsPlayBtn:hover .rsPlayBtnIcon
{
	background-color: rgba(0,0,0,0.9);
}

.rsDefault .rsBtnCenterer
{
	position: absolute;
	left: 50%;
	top: 50%;
	width: 20px;
	height: 20px;
}

.rsDefault .rsCloseVideoBtn
{
	right: 0;
	top: 0;
	width: 44px;
	height: 44px;
	z-index: 500;
	position: absolute;
	cursor: pointer;
	-webkit-backface-visibility: hidden;
	-webkit-transform: translateZ(0);
}

	.rsDefault .rsCloseVideoBtn.rsiOSBtn
	{
		top: -38px;
		right: -6px;
	}

.rsDefault .rsCloseVideoIcn
{
	margin: 6px;
	width: 32px;
	height: 32px;
	background: url('../../img/royalslider/rs-default.png') -64px 0;
	background-color: #000;
	background-color: rgba(0,0,0,0.75);
	*background-color: #000;
}

	.rsDefault .rsCloseVideoIcn:hover
	{
		background-color: rgba(0,0,0,0.9);
	}



/***************
*
*  7. Preloader
*
****************/

.rsDefault .rsPreloader
{
	width: 20px;
	height: 20px;
	background-image: url(../../img/royalslider/preloader-white.gif);
	left: 50%;
	top: 50%;
	margin-left: -10px;
	margin-top: -10px;
}




/***************
*
*  8. Global caption
*
****************/
.rsDefault .rsGCaption
{
	position: absolute;
	float: none;
	bottom: 6px;
	left: 6px;
	text-align: left;
	background: rgb(0, 0, 0);
	background: rgba(0, 0, 0, 0.75);
	color: #FFF;
	padding: 2px 8px;
	width: auto;
	font-size: 12px;
	border-radius: 2px;
}

.rsGCaption.empty {
		display:none;
}



.sampleBlock
{
	left: 3%;
	top: 1%;
	width: 100%;
}

/*===============================================================================================*/
/*	HTML MENU																												 */
/*===============================================================================================*/
ul.menu
{
	overflow: hidden;
	list-style: none;
}
	/*-----------------------------------------------------------------------------------------------*/
	ul.menu li
	{
		padding: 0;
		margin: 0;
	}

	ul.menu a
	{
		display: block;
		clear: both;
		font-weight: normal;
	}
/*-----------------------------------------------------------------------------------------------*/
ul.menu, div.menu
{
	margin: 0;
}
	/*-----------------------------------------------------------------------------------------------*/
	ul.menu a img
	{
		display: none;
	}
/*-----------------------------------------------------------------------------------------------*/
ul.subMenu
{
	padding: 0;
	list-style: none;
}
	/*-----------------------------------------------------------------------------------------------*/
	ul.subMenu li
	{
		padding: 0;
		margin: 0;
	}
/*===============================================================================================*/
/*	DHTML MENU																												 */
/*===============================================================================================*/
#mainMenu
{
	list-style: none;
}
	/*-----------------------------------------------------------------------------------------------*/
	#mainMenu > li
	{
		position: relative;
		float: left;
	}
	/*-----------------------------------------------------------------------------------------------*/
	#mainMenu li a
	{
		float: left;
	}
		/*-----------------------------------------------------------------------------------------------*/
		#mainMenu li a img.link
		{
			display: none;
		}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/
ul.floatMenu
{
	position: absolute;
	z-index: 998;
	left: 0;
	display: none;
	list-style: none;
}
/*-----------------------------------------------------------------------------------------------*/
.floatMenu li
{
	position: relative;
	float: left;
	padding: 0;
	margin: 0;
}

	.floatMenu li ul
	{
		left: 140px;
		top: 0;
	}

/*-----------------------------------------------------------------------------------------------*/
.floatMenu a img.link
{
	display: none;
}
/*-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-*/

/* v1.0.5 */
/* Core RS CSS file. 95% of time you shouldn't change anything here. */
.royalSlider
{
	width: 600px;
	height: 400px;
	position: relative;
	direction: ltr;
}

	.royalSlider > *
	{
		float: left;
	}

.rsWebkit3d .rsSlide
{
	-webkit-transform: translateZ(0);
}


.rsWebkit3d .rsSlide,
.rsWebkit3d .rsContainer,
.rsWebkit3d .rsThumbs,
.rsWebkit3d .rsPreloader,
.rsWebkit3d img,
.rsWebkit3d .rsOverflow,
.rsWebkit3d .rsBtnCenterer,
.rsWebkit3d .rsAbsoluteEl,
.rsWebkit3d .rsABlock,
.rsWebkit3d .rsLink
{
	-webkit-backface-visibility: hidden;
}

.rsFade.rsWebkit3d .rsSlide,
.rsFade.rsWebkit3d img,
.rsFade.rsWebkit3d .rsContainer
{
	-webkit-transform: none;
}

.rsOverflow
{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	float: left;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsVisibleNearbyWrap
{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	left: 0;
	top: 0;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

	.rsVisibleNearbyWrap .rsOverflow
	{
		position: absolute;
		left: 0;
		top: 0;
	}

.rsContainer
{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.rsArrow,
.rsThumbsArrow
{
	cursor: pointer;
}

.rsThumb
{
	float: left;
	position: relative;
}


.rsArrow,
.rsNav,
.rsThumbsArrow
{
	opacity: 1;
	-webkit-transition: opacity 0.3s linear;
	-moz-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.rsHidden
{
	opacity: 0;
	visibility: hidden;
	-webkit-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	-moz-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	-o-transition: visibility 0s linear 0.3s,opacity 0.3s linear;
	transition: visibility 0s linear 0.3s,opacity 0.3s linear;
}

.rsHiddenOnLoad
{
	display: none;
}

.rsGCaption
{
	width: 100%;
	float: left;
	text-align: center;
}

/* Fullscreen options, very important ^^ */
.royalSlider.rsFullscreen
{
	position: fixed !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 0 !important;
	z-index: 2147483647 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
}

.royalSlider .rsSlide.rsFakePreloader
{
	opacity: 1 !important;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
	display: none;
}

.rsSlide
{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	overflow: hidden;
	height: 100%;
	width: 100%;
}

.royalSlider.rsAutoHeight,
.rsAutoHeight .rsSlide
{
	height: auto;
}

.rsContent
{
	width: 100%;
	height: 100%;
	position: relative;
}

.rsPreloader
{
	position: absolute;
	z-index: 0;
}

.rsNav
{
	-moz-user-select: -moz-none;
	-webkit-user-select: none;
	user-select: none;
}

.rsNavItem
{
	-webkit-tap-highlight-color: rgba(0,0,0,0.25);
}

.rsThumbs
{
	cursor: pointer;
	position: relative;
	overflow: hidden;
	float: left;
	z-index: 22;
}

.rsTabs
{
	float: left;
	background: none !important;
}

.rsTabs,
.rsThumbs
{
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}


.rsVideoContainer
{
	/*left: 0;
	top: 0;
	position: absolute;*/
	/*width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	float: left;*/
	width: auto;
	height: auto;
	line-height: 0;
	position: relative;
}

.rsVideoFrameHolder
{
	position: absolute;
	left: 0;
	top: 0;
	background: #141414;
	opacity: 0;
	-webkit-transition: .3s;
}

	.rsVideoFrameHolder.rsVideoActive
	{
		opacity: 1;
	}

.rsVideoContainer iframe,
.rsVideoContainer video,
.rsVideoContainer embed,
.rsVideoContainer .rsVideoObj
{
	position: absolute;
	z-index: 50;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}
/* ios controls over video bug, shifting video */
.rsVideoContainer.rsIOSVideo iframe,
.rsVideoContainer.rsIOSVideo video,
.rsVideoContainer.rsIOSVideo embed
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 44px;
}

.rsABlock
{
	left: 0;
	top: 0;
	position: absolute;
	z-index: 15;
}

img.rsImg
{
	max-width: none;
}

.grab-cursor
{
	cursor: url(../../img/royalslider/grab.png) 8 8, move;
}

.grabbing-cursor
{
	cursor: url(../../img/royalslider/grabbing.png) 8 8, move;
}

.rsNoDrag
{
	cursor: auto;
}

.rsLink
{
	left: 0;
	top: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 20;
	background: url(blank.gif);
}

.royalSlider *
{
	-webkit-backface-visibility: hidden;
}

/*===============================================================================================*/
html
{
}

body
{
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	background: #E4E7E9;
	color: #000000;

	overflow-y:scroll;
}

body.editor
{
	background: #FFF;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	color: #000000;
	font-size: 14.5px;
	line-height: 22px;
}

	body.editor td,
	body.editor td.cmsTd
	{
		font-size: 14.5px;
		font-family: Calibri, Arial, Verdana, Sans-Serif;
		color: #000000;
	}

	body.editor table,
	body.editor table td {
		border: 1px solid;
	}

sup
{
	vertical-align: super;
	font-size: smaller;
}

sub
{
	vertical-align: sub;
	font-size: smaller;
}

ul, ol, blockquote
{
	margin: 0px;
	padding-left: 3%;
	list-style-position: outside;
}

li
{
	margin-left: 2.5%;
	padding-left: 0px;
}

a
{
	background-color: transparent;
	color: #265998;
	text-decoration: underline;
	outline: 0;
}

	a:hover
	{
		color: #24A136;
		text-decoration: none;
	}

	a[name]
	{
		color: #24A136;
		text-decoration: none;
	}

	a.anchor
	{
		color: #24A136;
		text-decoration: none;
	}

	a img
	{
		border-width: 0px;
	}

		a img.extern
		{
			display: none;
			width: 13px;
			height: 9px;
			margin-left: 5px;
		}

input {
	height: 32px;
	padding: 0 0 0 10px;
	font-size: 1.2em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	color: #33383F;
	border: 1px solid #C1C1C1;
	float: left;
}

textarea {
	font-size: 1.1em;
	font-family: Calibri, Arial, Verdana, Sans-Serif;
	color: #000;
	border: 1px solid #C1C1C1;
}

button
{
	/*font-family: "bebas-neue";*/
	background: #285B98;
	height: 34px;
	padding: 0 20px;
	color: #ffffff;
	font-size: 1.25em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	border-radius: 4px;
	margin: 0;
	border: 0;
}

	button:hover
	{
		background: #537CAD;
	}

	button::-moz-focus-inner
	{
		border: 0;
		padding: 0;
	}
/*===============================================================================================*/
/*===============================================================================================*/
/* MAIN																														 */
/*===============================================================================================*/
[data-view=mobile]
{
	display: none;
}

.main
{
	width: 100%;
}

.section,
.subsection
{
	width: 100%;
	float: left;
}

.layout
{
	max-width: 1280px;
	margin: 0 auto;
}

.mrg132 {
	margin: 132px 0 0 0;
}

.box {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
/*===============================================================================================*/
/*	HEADER																													 */
/*===============================================================================================*/
.subsection.header {
	
}

	.subsection.header .portalSlider {
		width: 100%;
		height: 450px;
		float: left;
	}

		.portalSlider .royalSlider {
			width: 100%;
			height: 450px;
		}

			.portalSlider .rsSlide
			{
				background-size: cover;
				background-position-x: center;
			}

			/*.portalSlider .rsSlide img
			{
				width: auto;
				max-height: 100%;
			}*/

			.portalSlider .royalSlider .rsABlock {
				width: 100%;
				height: 450px;
				top: auto;
				bottom: 0;
				background: url(../../img/bgSlideCircle.png) no-repeat top left;
			}

				.portalSlider .royalSlider .rsABlock .title {
					width: 100%;
					height: 50px;
					color: #FFF;
					font-weight: 400;
					/*font-family: "bebas-neue";*/
					font-size: 2.4em;
					line-height: 50px;
					text-transform: uppercase;
					background: url(../../img/bgBlack.png) repeat 0 0;
					padding: 0 0 0 10px;
					margin-top: 275px;
					float: left;

					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}

				.portalSlider .royalSlider .rsABlock .text {
					width: 100%;
					height: 125px;
					color: #FFF;
					/*font-family: "proxima-nova-condensed";*/
					font-size: 1.7em;
					line-height: 1.3em;
					background: url(../../img/bgBlue.png) repeat 0 0;
					padding: 25px 0 25px 10px;
					float: left;

					box-sizing: border-box;
					-moz-box-sizing: border-box;
					-webkit-box-sizing: border-box;
				}

					.portalSlider .royalSlider .rsABlock .text .textBlock {
						width: 70%;
						float: left;
					}

					.portalSlider .royalSlider .rsABlock .text a {
						float: right;
						height: 40px;
						padding: 0 20px;
						/*font-family: "bebas-neue";*/
						color: #265998;
						font-size: 1.0em;
						line-height: 40px;
						text-decoration: none;
						background: #FFF;
						text-transform: uppercase;
						font-weight: bold;
						border-radius: 4px;
					}

			.portalSlider .royalSlider .rsBullets {
				width: 37%;
				bottom: 140px;
				background: none;
				left: auto;
				right: 0px;
			}

				.portalSlider .royalSlider .rsBullets .rsBullet
				{
					width: 4px;
					height: 4px;
					padding: 8px 6px 8px 6px;
				}

				.portalSlider .royalSlider .rsBullets .rsBullet span
				{
					width: 4px;
					height: 4px;
					border-radius: 0;
				}
/*===============================================================================================*/
/*	CONTENT																													 */
/*===============================================================================================*/
.section.content {
}

/* INTERNET EXPLORER 8 LANDING */

.ie8landing
{
	width: 100%;
	float: left;
}

	.ie8landing .logo
	{
		width: 100%;
		height: 160px;
		text-align: center;
		background: #FFF;
		float: left;
	}

		.ie8landing .logo img
		{
			margin: 20px 0 0 0;
		}

	.ie8landing .content
	{
		width: 100%;
		padding: 60px 0 0 0;
		float: left;
	}

		.ie8landing .content .layout
		{
			width: 640px;
			margin: 0 auto;
		}

	.ie8landing .content .center
	{
		background: #ffffff;
		border: 1px solid #24A136;
		width: 598px;
		padding: 20px;
		float: left;
	}

	.ie8landing .item .nav
	{
		display: none;
	}

/*===============================================================================================*/
/*	STANDARD OBJECTS																										 */
/*===============================================================================================*/
/*-------------------------------------------------------------------------------------------- */
/*	PAGING																													 */
/*---------------------------------------------------------------------------------------------*/
div.paging
{
	margin: 20px 0 20px 0;
	width: 100%;
	text-align: center;
	float: left;
}

	div.paging a
	{
		width: 35px;
		display: inline-block;
		padding: 0 0;
		height: 35px;
		border: 0px solid #999999;
		background: url("../../img/bgPaging.png") no-repeat 0 0;
		color: #000;
		font-size: 1.45em;
		font-weight: bold;
		line-height: 35px;
		text-decoration: none;
		margin-right: 5px;
	}

		div.paging a:hover
		{
			color: #FFF;
			border: 0px solid #555555;
			background: #B9B9B9;
		}

		div.paging a.disabled,
		div.paging a.disabled:hover
		{
			border: 0px solid #EEEEEE;
			background-color: #E4E4E4;
			color: #CCCCCC;
			cursor: default;
		}

		div.paging a.current
		{
			color: #FFF;
			background: #83ACDE;
		}

		div.paging a.first
		{
			width: 90px;
			background: #B9B9B9;
		}

			div.paging a.first.disabled,
			div.paging a.first.disabled:hover,
			div.paging a.last.disabled,
			div.paging a.last.disabled:hover {
				background: #E4E4E4;
			}

			div.paging a.first:hover,
			div.paging a.last:hover {
				background:#C7C7C7;
			}

		div.paging a.last
		{
			width: 90px;
			background: #B9B9B9;
		}

/*-----------------------------------------------------------------------------------------------*/
/*	Breadcrumb.																			   									 */
/*-----------------------------------------------------------------------------------------------*/
div.breadcrumb
{
	width: 1260px;
	height: 30px;
	clear: both;
	padding: 9px 0 0 3px;
	margin: 0 0 0 10px;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Standaard <a/> in de breadcrumb.																						 */
	/*-----------------------------------------------------------------------------------------------*/
	div.breadcrumb a
	{
		font-weight: normal;
		color: #778594;
		font-size: 1.15em;
		text-decoration: none;
	}

		div.breadcrumb a:hover
		{
			color: #778594;
		}
		/*-----------------------------------------------------------------------------------------------*/
		/*	Laatste <a/> in de breadcrumb (current location).																 */
		/*-----------------------------------------------------------------------------------------------*/
		div.breadcrumb a.current
		{
			font-weight: bold;
			color: #778594;
		}

			div.breadcrumb a.current:hover
			{
			}
	/*-----------------------------------------------------------------------------------------------*/
	/*	De spacer tussen de categorie�n.																						 */
	/*-----------------------------------------------------------------------------------------------*/
	div.breadcrumb img, span.searchCrumb img
	{
		background: transparent url("../../img/separatorBread.png") no-repeat 0px 0px;
		width: 11px;
		height: 8px;
	}

/*-----------------------------------------------------------------------------------------------*/
/*	SITEMAP																														 */
/*-----------------------------------------------------------------------------------------------*/
table.sitemap
{
	background-color: #FFF;
	margin-bottom: 12px;
}

td.sitemapMain
{
	background-color: #FFF;
}

	td.sitemapMain a
	{
		/*font-family: "bebas-neue";*/
		background-color: #FFF;
		color: #000;
		padding: 0 0 4px 0;
		text-transform: uppercase;
		font-size: 2.0em;
		text-decoration: none;
		font-weight: normal;
		display: block;
		clear: both;
	}

		td.sitemapMain a:hover
		{
			color: #24A136;
		}

td.sitemapSub
{
	color: #FF7800;
}

	td.sitemapSub a
	{
		background-color: #FFF;
		color: #000000;
		padding: 4px 8px;
		text-decoration: none;
		font-weight: normal;
		font-size: 1.25em;
		display: block;
		clear: both;
	}

		td.sitemapSub a:hover
		{
			color: #24A136;
		}

/*-----------------------------------------------------------------------------------------------*/
/*	SEARCH																														 */
/*-----------------------------------------------------------------------------------------------*/
div.search
{
}

tr.search
{
	color: black;
	background-color: white;
}

	tr.search td
	{
		padding-left: 0px;
		padding-right: 0px;
	}

	tr.search legend
	{
		font-weight: bold;
	}

div.search label {
	padding: 0 10px 0 0;
	font-size: 1.25em;
}

div.search input {
	margin: 0 0 5px 0;
}

div.search fieldset {
	border: 1px solid #C1C1C1;
	margin: 0 0 5px 0;
}

	div.search fieldset legend {
		padding: 0 10px;
		margin: 0 0 0 5px;
		color: #595959;
		font-size: 1.25em;
	}

		div.search fieldset > div {
			padding: 15px !important;
			float: left;
		}

	div.search fieldset input {
		height: 17px;
		margin: 0 5px 0 0;
		float: left;
		clear: both;
	}

	div.search fieldset label {
		height: 17px;
		line-height: 17px;
		padding: 0;
		float: left;
	}

div.search .topButton
{
	display: none;
}

div.search .bottomButton
{
}

div.results
{
	width: 100%;
	clear: both;
	overflow: hidden;
}

.results .result {
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 0 10px 0 !important;
	margin: 0 0 10px 0 !important;
	float: left;
}

.results .searchTitle
{
	width: 100%;
	/*font-family: "bebas-neue";*/
	color: #000000; /* google color: #0000DE */
	font-size: 2.25em;
	font-weight: bold;
	text-decoration: none;
	margin: 0 0 15px 0;
	float: left;
}

	.results .searchTitle img {
		float: left;
	}

.results span.searchTeaser
{
	width: 100%;
	color: #000000;
	font-size: 1.4em;
	margin: 0 0 25px 0;
	float: left;
}

.results span.searchCrumb {
	width: 100%;
	margin: 0 0 10px 0;
	float: left;
}

.results span.searchCrumb a
{
	color: #000; /* google color: #008000 */
	font-size: 1.4em;
	font-weight: 700;
	text-decoration: none;
}

	.results span.searchCrumb a:hover
	{
		text-decoration: underline;
	}

.results span.searchDate
{
	width: 100%;
	color: #249F33;
	text-transform: uppercase;
	font-size: 1.3em;
	text-align: left;
	float: left;
}

.searchAgain td
{
	vertical-align: top;
}

.legenda
{
	margin: 25px 0 0 0;
	width: 260px;
	float: left;
}

	.legenda .head
	{
		width: 100%;
		margin: 0 0 12px 0;
		float: left;
	}

		.legenda .head h2
		{
			color:#595959;
			font-size: 1.7em;
		}

	.legenda .content
	{
		width: 100%;
		margin: 0 0 12px 0;
		float: left;
	}

		.legenda .content div
		{
			width: 100%;
			margin: 0 0 10px 0;
			float: left;
		}

		.legenda .content img
		{
			margin: 0 10px 0 0;
			float: left;
		}

		.legenda .content span
		{
			margin: 6px 0 0 0;
			color:#595959;
			font-size: 1.5em;
			float: left;
		}

/*-----------------------------------------------------------------------------------------------*/
/*	GALLERY																														 */
/*-----------------------------------------------------------------------------------------------*/
div.gallery .image
{
	float: left;
	margin: 0 5px 5px 0;
	padding-bottom: 11px;
	background: url("../../img/kopie/footerThumb.gif") repeat-x 0px 114px;
}

	div.gallery .image img
	{
		width: 114px;
		height: 114px;
		float: left;
		text-decoration: none;
	}

	div.gallery .image a
	{
		padding: 3px;
		display: block;
		float: left;
		border: 2px solid #DCDCE5;
	}

		div.gallery .image a:hover
		{
			border: 2px solid #FF8700;
		}
/*===============================================================================================*/
/*		MISC																													 */
/*===============================================================================================*/

.portallogin
{
	width: 100%;
	float: left;
	font-size: 1.35em;
	line-height: 1.4em;
	color: #595959;
}

	.portallogin select
	{
		width: 192px !important;
		margin: 0;
	}
/*===============================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 400px;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 400px;
	}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 400px;
	}
}

/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 425px;
	}
}

@media screen and (max-width: 321px)
{
	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 425px;
	}

	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 425px;
	}

	.portalSlider .royalSlider .rsABlock .title {
		margin-top: 425px;
	}
}

/* =================================================================================*/
/*===============================================================================================*/
/*
	Item CSS classes
*/
/*===============================================================================================*/
div.item
{
	width: 100%;
	margin: 0 0 25px 0;
	float: right;
}

	div.item.short,
	div.item.short.fagenda {
		margin: 0 0 25px 0;
		padding: 0 0 25px 0;
		border-bottom: 1px solid #E4E7E9;
	}

		div.item.short .image
		{
			width: 35%;
			height: 140px;
			background: url("../../img/noImage.gif") no-repeat 0 0;
			float: left;
		}

		div.item.short .right,
		div.item.short.fagenda .right {
			width: 65%;
			padding: 0;
			margin: 0;
			float: right;
		}

		.item .circle {
			width: 35%;
			height: 90px;
			background: url("../../img/bgCircle.png") no-repeat center 0;
			background-size: 90px 90px;
			float: left;
		}

			.item .circle .number {
				width: 100%;
				height: 90px;
				/*font-family: "bebas-neue";*/
				text-transform: uppercase;
				font-size: 2.9em;
				text-align: center;
				line-height: 90px;
				color: #FFF;
				float: left;
			}

	div.item .title
	{
		/*font-family: "bebas-neue";*/
		text-transform: uppercase;
		display: block;
		font-size: 2.4em;
		text-transform: uppercase;
		margin: 0 0 35px 0;
		color: #000;
		clear: both;
		font-weight: bold;
	}

		div.item.short .title,
		div.item.short.fagenda .title {
			margin: 0 0 15px 0;
		}

		div.item.short.fagenda .title {
			margin: 0 0 7px 0;
		}

		div.item .title a
		{
			color: #000;
			text-decoration: none;
		}

			div.item .title a:hover
			{
				color: #83ACDE;
			}

			div.item.fagenda .title a:hover
			{
				color: #249F34;
			}

		div.item .title h1,
		div.item .title h2 {
			font-size: 100%;
		}

	div.item .thumb
	{
		float: left;
		display: inline;
		margin: 0;
	}

		div.item .thumb img
		{
			float: left;
			text-decoration: none;
			margin: 0 !important;
		}

		div.item .thumb a, div.item .thumb span
		{
			padding: 0px;
			display: block;
			float: left;
			border: 0px solid #A7A8AA;
		}

			div.item .thumb a:hover
			{
				border: 0px solid #D83324;
			}

	div.item .body, .itemBody
	{
		width: 100%;
		color: #000000;
		font-size: 1.4em;
		line-height: 1.5em;
		font-weight: 300;
		float: left;
		margin-bottom: 15px;
	}

		div.item.fagenda .itemBody {
			font-family: "proxima-nova";
			color: #249F34;
			margin: 0 0 7px 0;
		}

		div.item.short .body,
		div.item.short.fagenda .body {
			margin: 0 0 15px 0;
		}

		div.item .body img {
			margin: 0 10px 5px 0;
		}

div.item .body table
{
	max-width: 100%;
}

.itemBody.relations
{
	margin: 0 0 0 0;
	font-size: 1.0em;
	line-height: 1.1em;
}

	.itemBody.relations .relationText
	{
		width: 100%;
		margin: 0 0 10px 0;
		font-size: 1.0em;
	line-height: 1.5em;
		float: left;
	}

.itemBody.relations h5
{
	display: none;
}

.itemBody.relations ul
{
	list-style: none;
	padding: 0;
	float: left;
}

	.itemBody.relations ul li
	{
		min-height: 27px;
		margin: 0 0 10px 0;
		padding: 0 0 0 40px;
		background: url("../../img/iconDownload.png") no-repeat 0 0;
		float: left;
		clear: both;
	}

		.itemBody.relations ul li a
		{
			min-height: 27px;
			line-height: 27px;
			font-weight: 700;
			color: #000;
			clear: both;
			float: left;
		}

		.itemBody.relations ul li span
		{
			clear: both;
			float: left;
		}

	/*div.item .body table,
	div.item .body table td {
		border: 1px solid;
	}*/

	div.item .nav
	{
		clear: both;
		float: none;
	}

		div.item .nav div
		{
			clear: both;
			margin-bottom: 10px;
		}

		div.item .nav a
		{
			color: #D83324;
			font-size: 1.35em;
			font-weight: bold;
			text-decoration: none;
			display: block;
		}

			div.item .nav a:hover
			{
				color: #000;
			}

	/*-----------------------------------------------------------------------------------------------*/
	div.item a.back
	{
		height: 34px;
		color: #FFFFFF;
		/*font-family: "bebas-neue";*/
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 34px;
		background: #83ACDE;
		padding: 0 25px;
		float: left;

		border-radius: 3px;
	}

		div.item a.back:hover
		{
			color: #FFF;
			background: #95B8E3;
		}
	/*-----------------------------------------------------------------------------------------------*/
	div.item a.send
	{
		width: 30px;
		height: 30px;
		margin-left: 7px;
		background: url("../../img/btnPrintSend.png") no-repeat 0 0;
		float: right;
	}

		div.item a.send:hover
		{
			background: url("../../img/btnPrintSend.png") no-repeat 0 -35px;
		}

		div.item a.send.active
		{
			background: url("../../img/btnPrintSend.png") no-repeat 0 -35px;
		}

			div.item a.send.active:hover
			{
				background: url("../../img/btnPrintSend.png") no-repeat 0 -35px;
			}
	/*-----------------------------------------------------------------------------------------------*/
	div.item a.print
	{
		width: 30px;
		height: 30px;
		margin-left: 6px;
		background: url("../../img/btnNav.gif") no-repeat 0 0;
		float: right;
	}

		div.item a.print:hover
		{
			background: url("../../img/btnNav.gif") no-repeat 0 -30px;
		}
	/*-----------------------------------------------------------------------------------------------*/
	div.item a.more
	{
		height: 34px;
		color: #FFFFFF;
		/*font-family: "bebas-neue";*/
		text-transform: uppercase;
		font-weight: bold;
		font-size: 1.5em;
		line-height: 34px;
		background: #83ACDE;
		padding: 0 25px;
		float: left;

		border-radius: 3px;
	}

		div.item a.more:hover
		{
			color: #FFF;
			background: #95B8E3;
		}
	/*-----------------------------------------------------------------------------------------------*/
	div.item span.social
	{
		width: 72px;
		display: block;
		height: 30px;
		padding-left: 0;
		float: right;
	}

		div.item span.social .addthis_button_compact,
		div.item span.social .addthis_button_linkedin,
		div.item span.social .addthis_separator,
		div.item span.social .addthis_button_facebook span,
		div.item span.social .addthis_button_twitter span {
			display: none;
		}

		div.item span.social .addthis_button_facebook,
		div.item span.social .addthis_button_twitter {
			width: 30px;
			height: 30px;
			margin: 0 0 0 6px;
			padding: 0;
			float: left;
		}

			div.item span.social .addthis_button_facebook {
				background: url("../../img/btnNav.gif") no-repeat -60px 0;
			}

				div.item span.social .addthis_button_facebook:hover {
					background: url("../../img/btnNav.gif") no-repeat -60px -30px;
				}

			div.item span.social .addthis_button_twitter {
				background: url("../../img/btnNav.gif") no-repeat -30px 0;
			}

				div.item span.social .addthis_button_twitter:hover {
					background: url("../../img/btnNav.gif") no-repeat -30px -30px;
				}
	/*-----------------------------------------------------------------------------------------------*/
	div.item a.top
	{
		width: 35px;
		height: 15px;
		background: url("../../img/kopie/items/btnTop.gif") no-repeat 16px 0px;
		float: right;
	}

		div.item a.top:hover
		{
			background: url("../../img/kopie/items/btnTopMo.gif") no-repeat 16px 0px;
		}
	/*-----------------------------------------------------------------------------------------------*/
	div.item a.book
	{
		background-color: #FF8700;
		color: #FFFFFF;
		display: block;
		float: right;
		height: 15px;
		margin-right: 50px;
		text-align: center;
		width: 70px;
	}

		div.item a.book:hover
		{
			background-color: #FF8700;
			color: #1F1949;
		}
	/*-----------------------------------------------------------------------------------------------*/
	div.item a.wiki
	{
		display: block;
		width: 75px;
		height: 15px;
		float: left;
	}

		div.item a.wiki:hover
		{
		}
/*===============================================================================================*/
/*
	Reactions CSS classes
*/
/*===============================================================================================*/
div.reactions
{
	font-weight: normal;
	font-size: 1.0em;
	color: #1F1949;
}

	div.reactions h4
	{
	}

	div.reactions form h4
	{
	}

	div.reactions li
	{
	}

	div.reactions h6
	{
		font-weight: bold;
		margin-bottom: 0px;
	}

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	div.item .body img
	{
		max-width: 90%;
		height: auto;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	div.item.short .image
	{
		width: 160px;
		height: 122px;
		background: url("../../img/noImage.gif") no-repeat 0 0;
		background-size: 160px 122px;
		float: left;
	}

	div.item.short .right,
	div.item.short.fagenda .right {
		width: 65%;
		padding: 0;
		float: right;
	}

	div.item a.print
	{
		display: none;
	}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	div.item.short .image
	{
		width: 160px;
		height: 122px;
		background: url("../../img/noImage.gif") no-repeat 0 0;
		background-size: 160px 122px;
		float: left;
	}

	div.item.short .right,
	div.item.short.fagenda .right {
		width: 65%;
		padding: 0;
		float: right;
	}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
		div.item.short .image
		{
			width: 100px;
			height: 76px;
			background: url("../../img/noImage.gif") no-repeat 0 0;
			background-size: 100px 76px;
			float: left;
		}

		div.item.short .right,
		div.item.short.fagenda .right {
			width: 60%;
			padding: 0;
			float: right;
		}

       div.item .thumb img
		{
			width: 100px;
			height: 76px;
			float: left;
		}
}

@media screen and (max-width: 321px)
{
		div.item.short .image
		{
			width: 100px;
			height: 76px;
			background: url("../../img/noImage.gif") no-repeat 0 0;
			background-size: 100px 76px;
			float: left;
		}

		div.item.short .right,
		div.item.short.fagenda .right {
			width: 55%;
			padding: 0;
			float: right;
		}
}

/* =================================================================================*/
/*==================================================================================*/
/*Financiele Agenda CSS classes*/
/*==================================================================================*/
.agenda {
	width: 600px;
	margin: 0 20px;
	float: left;
}

	.agenda .title {
		width: 100%;
		margin: 0 0 25px 0;
		/*font-family: "bebas-neue";*/
		font-size: 2.4em;
		color: #24A035;
		float: left;
	}

		.agenda .title h2 {
			font-size: 100%;
			font-weight: bold;
			float: left;
		}

		.agenda .title a {
			/*font-family: "proxima-nova";*/
			font-weight: 700;
			font-size: 0.6em;
			color: #8E8E8E;
			margin: 5px 0 0 0;
			float: right;
		}

	.agenda .text {
		width: 100%;
		margin: 0 0 30px 0;
		font-weight: 300;
		font-size: 1.4em;
		line-height: 1.5em;
		color: #000000;
		float: left;
	}

	.agenda a.item {
		width: 100%;
		margin: 0 0 20px 0;
		float: left;
	}

		.agenda a.item .circle {
			width: 12%;
			height: 55px;
			background: url("../../img/bgCircle.png") no-repeat 0 0;
			background-size: 55px 55px;
			float: left;
		}

			.agenda a.item .circle .number {
				width: 55px;
				height: 55px;
				/*font-family: "bebas-neue";*/
				font-size: 2.9em;
				text-align: center;
				line-height: 55px;
				color: #FFF;
				float: left;
			}

		.agenda a.item .date {
			width: 88%;
			/*font-family: "proxima-nova";*/
			font-weight: 300;
			font-size: 1.4em;
			color: #000000;
			margin: 10px 0 4px 0;
			float: left;
		}

		.agenda a.item .title {
			width: 88%;
			/*font-family: "proxima-nova";*/
			font-weight: 600;
			font-size: 1.4em;
			color: #000000;
			margin: 0 0 0 0;
			float: left;
		}

		.agenda a.item:hover .title {
			color: #24A035;
		}
	
/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.agenda {
		width: 40%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 18%;
		}

		.agenda a.item .date {
			width: 82%;
		}

		.agenda a.item .title {
			width: 82%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.agenda {
		width: 40%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 18%;
		}

		.agenda a.item .date {
			width: 82%;
		}

		.agenda a.item .title {
			width: 82%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.agenda {
		width: 40%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 20%;
		}

		.agenda a.item .date {
			width: 80%;
		}

		.agenda a.item .title {
			width: 80%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.agenda {
		width: 40%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 24%;
		}

		.agenda a.item .date {
			width: 76%;
		}

		.agenda a.item .title {
			width: 76%;
		}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.agenda {
		width: 40%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 24%;
		}

		.agenda a.item .date {
			width: 76%;
		}

		.agenda a.item .title {
			width: 76%;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.agenda {
		width: 90%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 20%;
		}

		.agenda a.item .date {
			width: 80%;
		}

		.agenda a.item .title {
			width: 80%;
		}
}

@media screen and (max-width: 321px)
{
	.agenda {
		width: 90%;
		margin: 0 5%;
	}

		.agenda a.item .circle {
			width: 25%;
		}

		.agenda a.item .date {
			width: 75%;
		}

		.agenda a.item .title {
			width: 75%;
		}
}

/* =================================================================================*/
/*==================================================================================*/
/*Award CSS classes*/
/*==================================================================================*/
.award {
	width: 300px;
	margin: 0 10px;
	float: left;
}

	.award .logo {
		width: 100%;
		height: 148px;
		border-top: 1px solid #CED3D7;
		border-bottom: 1px solid #CED3D7;
		text-align: center;
		vertical-align: middle;
		margin: 0 0 18px 0;
	}

		.award .logo .helper {
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			margin: 0 0 0 -1px;
		}

		.award .logo img {
			max-width: 90%;
			vertical-align: middle;
			max-height: 148px;
		}

	.award .brand {
		width: 100%;
		height: 30px;
		/*font-family: "bebas-neue";*/
		font-size: 2.4em;
		text-align: center;
		background: none;
		margin: 0;
		padding: 0;
		float: left;
	}

	.award .name {
		width: 100%;
		/*font-family: "proxima-nova-condensed";*/
		font-weight: 300;
		font-size: 2.4em;
		color: #5B5B5B;
		text-align: center;
		float: left;
	}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.award {
		width: 21%;
		margin: 0 2%;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.award {
		width: 21%;
		margin: 0 2%;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.award {
		width: 29%;
		margin: 0 2%;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.award {
		width: 29%;
		margin: 0 2%;
	}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.award {
		width: 29%;
		margin: 0 2%;
	}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.award {
		width: 29%;
		margin: 0 2%;
	}

		.award .logo img
		{
			height: auto;
		}
}

@media screen and (max-width: 321px)
{
	.award {
		width: 29%;
		margin: 0 2%;
	}

		.award .logo
		{
			height: 100px;
		}

		.award .logo img
		{
			height: auto;
		}

	.award .brand {
		height: 20px;
		font-size: 1.2em;
	}

	.award .name {
		font-size: 1.1em;
	}
}

/* =================================================================================*/
/*==================================================================================*/
/*Brede banner CSS classes*/
/*==================================================================================*/
.subsection.bredeBanner {
	background-position: center 0;
	min-height: 220px;
}

.bredeBanner {
	width: 100%;
	height: 220px;
}

	.bredeBanner .title {
		margin: 25px 0 30px 20px;
		/*font-family: "bebas-neue";*/
		font-size: 2.4em;
		color: #285B98;
	}

	.bredeBanner a {
		height: 45px;
		background: #FFF;
		padding: 0 35px;
		color: #275A98;
		/*font-family: "bebas-neue";*/
		font-size: 1.7em;
		line-height: 45px;
		margin: 0 0 0 20px;
		text-decoration: none;
		float: left;

		border-radius: 5px;
	}

		.bredeBanner a:hover {
			color: #275A98;
			background: rgba(255,255,255,0.8);
		}

.subsection.youtube {
	background-position: center 0;
	background-color: #000;
	height: 290px;

	transition: height 0.5s ease-in-out;
	-moz-transition: height 0.5s ease-in-out;
	-webkit-transition: height 0.5s ease-in-out;
}

	.subsection.youtube .background
	{
		height: 600px;
		background-position: center 0;
	}

	.subsection.youtube iframe {
		height: 290px;
		visibility: hidden;

		transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}

	.subsection.youtube.open {
		height: 600px;
		position: relative;
	}

		.subsection.youtube.open a.close
		{
			width: 32px;
			height: 32px;
			background: url("../../img/btnCloseVideo.png") no-repeat 0 0;
			position: absolute;
			top: 6px;
			right: 6px;
			z-index: 95;
			float: left;
			cursor: pointer;
		}

			.subsection.youtube.open a.close:hover
			{
				background: url("../../img/btnCloseVideo.png") no-repeat 0 -32px;
			}

		.subsection.youtube.open iframe {
			height: 600px;
			visibility: visible;
		}
/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
}

/* =================================================================================*/
/*===============================================================================================*/
/*
	Kalender CSS classes
*/
/*===============================================================================================*/
/*	De weekdagen (m, d, w, d, v, z, z) */
td.calDayHeader
{
	text-align: right;
	border-bottom: 1px solid #ffffff;
	color: #000000;
}

img.calDayHeader
{
	width: 18px;
}

/* De weeknummers */
td.calWeekNo
{
	text-align: right;
	border-right: 1px solid #ffffff;
	cursor: pointer;
	color: #000000;
}

img.calWeekNo
{
	width: 18px;
}

/* onMouseOver van de weeknummers */
td.calSel
{
	background-color: #CCCCCC;
}

/* De dagen in de huidige maand */
td.calDay
{
	background-color: #ffffff;
	color: #000000;
	cursor: pointer;
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	font-weight: bold;
}

	td.calDay.blue
	{
		background-color: #0083CA;
		color: #ffffff;
	}

/* De dagen van een andere maand (Other Month) */
td.calDayOM
{
	text-align: right;
	color: #959595;
	cursor: pointer;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	visibility: hidden;
}

/* Een geselecteerde dag in de huidige maand */
td.calSelected
{
	background-color: #cccccc;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

td.calDay.blue.calSelected
{
	background-color: #06A8FF;
	color: #ffffff;
}

/* Een geselecteerde dag in een andere maand */
td.calSelectedOM
{
	background-color: #CCCCCC;
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	color: #ffffff;
}

/* Vandaag */
td.calToday
{
	/*border: 1px solid #333366;*/
}

/* Als er agenda/kalender items zijn op die dag */
td.calFilled
{
	font-weight: bold;
}

/* De TD waar de maand in getoond wordt */
td.calMonth
{
	color: #EC174E;
}

/* De TD's die disabled zijn */
td.calDisabled
{
	color: #959595;
	background: #E9E9E9;
	font-weight: normal;
}

/* De twee "vorige/volgende-maand" buttons */
tr#trButtons button
{
}

/*===============================================================================================*/
/* CALENDAR EXTRA CLASSES																								 */
/*===============================================================================================*/
div.calendar table
{
	margin: 0 1px 0 0;
	background: #eeeeee;
}

	div.calendar table td
	{
		/*font-family: "source-sans-pro", Arial, sans-serif;*/
		width: 32px;
		height: 32px;
		line-height: 32px;
		text-align: center;
		font-size: 1.2em;
	}

	div.calendar table tr#trButtons
	{
		/*font-family: ralewayregular, Arial, sans-serif;*/
		color: #000000;
		font-size: 1.3em !important;
	}

div.calendar button
{
	width: 32px !important;
	height: 32px;
	float: none;
	color: transparent;
	border: 0;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

	div.calendar button:hover
	{
		color: transparent;
	}

	div.calendar button.priorMonth
	{
		background: url("../../img/kopie/btnCalPrev.png") center center no-repeat;
	}

		div.calendar button.priorMonth:hover
		{
			background: url("../../img/kopie/btnCalPrevH.png") center center no-repeat;
		}

	div.calendar button.nextMonth
	{
		background: url("../../img/kopie/btnCalNext.png") center center no-repeat;
	}

		div.calendar button.nextMonth:hover
		{
			background: url("../../img/kopie/btnCalNextH.png") center center no-repeat;
		}
/*===============================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
}

/* =================================================================================*/
/*==================================================================================*/
/*Contact CSS classes*/
/*==================================================================================*/
.subsection.contact {
}

.brand {
	width: 620px;
	margin: 0 10px 20px 10px;
	padding: 20px 20px 20px 50px;
	background: #FFF;
	float: left;

	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

	.brand .logo {
		width: 190px;
		text-align: center;
		float: left;
	}

		.brand .logo img {
			margin: 0 0 20px 0;
		}

		.brand .logo a.more {
			width: 190px;
			height: 40px;
			line-height: 40px;
			text-decoration: none;
			/*font-family: "bebas-neue";*/
			font-size: 1.7em;
			background: #83ACDE;
			color: #FFF;
			border-radius: 4px;
			float: left;
		}

			.brand .logo a.more:hover {
				background: #9CBDE5;
			}

	.brand .right {
		width: 280px;
		padding-top: 50px;
		float: right;
	}

		.brand .right .title {
			/*font-family: "bebas-neue";*/
			font-size: 2.1em;
			color: #000;
			margin: 0 0 20px 0;
		}

			.brand .right .title a
			{
				color: #000;
				text-decoration: none;
			}

		.brand .right .phone {
			height: 17px;
			/*font-family: "proxima-nova";*/
			font-size: 1.4em;
			font-weight: 700;
			color: #000;
			margin: 0 0 10px 0;
			padding: 0 0 0 25px;
			background: url("../../img/phone.png") no-repeat 0 0;
			background-size: 17px 17px;
			line-height: 17px;
		}

		.brand .right .location {
			height: 22px;
			/*font-family: "proxima-nova";*/
			font-size: 1.4em;
			font-weight: bold;
			color: #000;
			padding: 0 0 0 25px;
			background: url("../../img/location.png") no-repeat 0 0;
			background-size: 15px 22px;
			line-height: 22px;
		}


	.subsection.brand {
		width: 100%;
		padding: 0;
		margin: 0;
		background: none;
		float: left;	
	}

	.brand.detail 
	{
		width: 100%;
		margin: 0;
		padding: 0;
		background: none;
		float: left;
	}

		.brand.detail .logo {
			width: 100%;
			padding: 15px 0;
			background: #E4E7E9;
			float: left;
		}

		.subsection.brandInfo {
			width: 100%;
			padding: 50px 0 40px 0;
			background: #FFF;
			float: left;	
		}

			.subsection.brandInfo .name {
				width: 100%;
				/*font-family: "bebas-neue";*/
				font-size: 2.4em;
				color: #000;
				text-align: center;
				margin: 0 0 35px 0;
				float: left;
			}

			.subsection.brandInfo .intro {
				width: 100%;
				/*font-family: "proxima-nova";*/
				font-size: 1.4em;
				line-height: 1.5em;
				font-weight: 300;
				color: #000;
				text-align: center;
				margin: 0 0 65px 0;
				float: left;
			}

			.subsection.brandInfo .text {
				width: 620px;
				/*font-family: "proxima-nova";*/
				font-size: 1.4em;
				line-height: 1.5em;
				font-weight: 300;
				color: #000;
				float: left;
			}

			.subsection.brandInfo .right {
				width: 620px;
				padding: 0 0 0 0;
				/*font-family: "proxima-nova";*/
				font-size: 1.4em;
				line-height: 1.5em;
				font-weight: 300;
				color: #000;
				float: right;
			}

				.subsection.brandInfo .right .map {
					width: 620px;
					height: 190px;
					margin: 0 0 25px 0;
					float: left;
				}

				.subsection.brandInfo .right .adres {
					width: 300px;
					float: left;
				}

				.subsection.brandInfo .right .adres a {
					color: #000;
					font-weight: 700;
					text-decoration: none;
				}

					.subsection.brandInfo .right .adres .social
					{
						width: 150px;
						margin: 10px 0 0 0;
						float: left;
					}

						.subsection.brandInfo .right .adres .social span
						{
							width: 100%;
							color: #ACB7BB;
							font-weight: 700;
							float: left;
						}

						.subsection.brandInfo .right .adres .social a.youtube,
						.subsection.brandInfo .right .adres .social a.twitter,
						.subsection.brandInfo .right .adres .social a.facebook
						{
							width: 30px;
							height: 30px;
							margin: 0 6px 0 0;
							float: left;
						}

							.subsection.brandInfo .right .adres .social a.youtube {
								background: url("../../img/btnNav.gif") no-repeat -90px 0;
							}

								.subsection.brandInfo .right .adres .social a.youtube:hover {
									background: url("../../img/btnNav.gif") no-repeat -90px -30px;
								}

							.subsection.brandInfo .right .adres .social a.facebook {
								background: url("../../img/btnNav.gif") no-repeat -60px 0;
							}

								.subsection.brandInfo .right .adres .social a.facebook:hover {
									background: url("../../img/btnNav.gif") no-repeat -60px -30px;
								}

							.subsection.brandInfo .right .adres .social a.twitter {
								background: url("../../img/btnNav.gif") no-repeat -30px 0;
							}

								.subsection.brandInfo .right .adres .social a.twitter:hover {
									background: url("../../img/btnNav.gif") no-repeat -30px -30px;
								}

				.subsection.brandInfo .right .contact {
					width: 300px;
					float: right;
				}

					.subsection.brandInfo .right .contact .tel,
					.subsection.brandInfo .right .contact .fax {
						height: 17px;
						line-height: 17px;
						padding: 0 0 0 25px;
						margin: 0 0 8px 0;
					}

					.subsection.brandInfo .right .contact .tel {
						font-weight: 700;
						background: url("../../img/phone.png") no-repeat 0 0;
						background-size: 17px 17px;
					}

					.subsection.brandInfo .right .contact .fax {
						background: url("../../img/fax.png") no-repeat 0 0;
					}

					.subsection.brandInfo .right .contact a.route {
						width: 160px;
						height: 30px;
						float: left;
						color: #FFF;
						/*font-family: "bebas-neue";*/
						font-size: 1.4em;
						line-height: 30px;
						text-decoration: none;
						text-align: center;
						background: #285B98;
						border-radius: 4px;
					}

						.subsection.brandInfo .right .contact a.route:hover {
							background: #537CAD;
						}

	.subsection.contactForm {
		width: 100%;
		padding: 50px 0 40px 0;
		float: left;	
	}

		.subsection.contactForm .item
		{
			width: 100%;
			padding: 0;
		}

		.subsection.contactForm form.form div.field input,
		.subsection.contactForm form.form div.field textarea
		{
			width: 100%;

			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

		.subsection.contactForm form.form .formfield.buttons
		{
			width: 100%;
			padding: 0;
		}

		.subsection.contactForm .nav a.top
		{
			display: none;
		}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px) {
	.brand {
		width: 46%;
		margin: 0 2% 20px 2%;
		padding: 20px 20px 20px 40px;
	}

	.brand .right {
		width: 45%;
	}

		.subsection.brandInfo .right .map {
			width: 100%;
			height: 190px;
			margin: 0 0 25px 0;
			float: left;
		}

			.subsection.brandInfo .intro {
				width: 100%;
			}

			.subsection.brandInfo .text {
				width: 46%;
				margin: 0 2% 25px 2%;
			}

			.subsection.brandInfo .right {
				width: 48%;
				margin: 0 2% 0 0;
			}

			.subsection.brandInfo .right .adres {
				width: 47%;
				margin: 0 0 0 10px;
			}

			.subsection.brandInfo .right .contact {
				width: 47%;
				margin: 0 10px 0 0;
			}

		.subsection.contactForm .item
		{
			width: 96%;
			padding: 0 2%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1100px) {
	.subsection.brandInfo .right .map {
			width: 100%;
			height: 190px;
			margin: 0 0 25px 0;
			float: left;
		}

			.subsection.brandInfo .intro {
				width: 100%;
			}

			.subsection.brandInfo .text {
				width: 46%;
				margin: 0 2% 25px 2%;
			}

			.subsection.brandInfo .right {
				width: 48%;
				margin: 0 2% 0 0;
			}

			.subsection.brandInfo .right .adres {
				width: 47%;
				margin: 0 0 0 10px;
			}

			.subsection.brandInfo .right .contact {
				width: 47%;
				margin: 0 10px 0 0;
			}

		.subsection.contactForm .item
		{
			width: 96%;
			padding: 0 2%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1025px) 
{
	/*.brand {
		width: 450px;
		padding: 20px 20px 20px 20px;
	}

		.brand .right {
			width: 200px;
			padding-top: 50px;
			float: right;
		}

			.subsection.brandInfo .text {
				width: 500px;
				font-family: "proxima-nova";
				font-size: 1.4em;
				line-height: 1.5em;
				font-weight: 300;
				color: #000;
				float: left;
				margin: 0 0 0 10px;
			}

			.subsection.brandInfo .right {
				width: 500px;
				padding: 0 0 0 0;
				font-family: "proxima-nova";
				font-size: 1.4em;
				line-height: 1.5em;
				font-weight: 300;
				color: #000;
				float: right;
				margin: 0 10px 0 0;
			}

				.subsection.brandInfo .right .map {
					width: 500px;
					height: 190px;
					margin: 0 0 25px 0;
					float: left;
				}

				.subsection.brandInfo .right .adres {
					width: 250px;
					float: left;
				}

				.subsection.brandInfo .right .adres a {
					color: #000;
					font-weight: 700;
					text-decoration: none;
				}

				.subsection.brandInfo .right .contact {
					width: 250px;
					float: right;
				}*/

	.brand {
		width: 96%;
		padding: 20px 20px 20px 20px;
	}

		.brand .right {
			width: 65%;
			padding-top: 50px;
			float: right;
		}

		.subsection.brandInfo .right .map {
			width: 100%;
			height: 190px;
			margin: 0 0 25px 0;
			float: left;
		}

			.subsection.brandInfo .intro {
				width: 100%;
			}

			.subsection.brandInfo .text {
				width: 46%;
				margin: 0 2% 25px 2%;
			}

			.subsection.brandInfo .right {
				width: 48%;
				margin: 0 2% 0 0;
			}

			.subsection.brandInfo .right .adres {
				width: 47%;
				margin: 0 0 0 10px;
			}

			.subsection.brandInfo .right .contact {
				width: 47%;
				margin: 0 10px 0 0;
			}

		.subsection.contactForm .item
		{
			width: 96%;
			padding: 0 2%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px) 
{

	.brand {
		width: 95%;
		padding: 20px 20px 20px 20px;
	}

		.brand .right {
			width: 45%;
			padding-top: 12px;
			float: right;
		}

		.subsection.brandInfo .right .map {
			width: 100%;
			height: 190px;
			margin: 0 0 25px 0;
			float: left;
		}

			.subsection.brandInfo .intro {
				width: 100%;
			}

			.subsection.brandInfo .text {
				width: 96%;
				margin: 0 2% 25px 2%;
			}

			.subsection.brandInfo .right {
				width: 100%;
				margin: 0;
			}

			.subsection.brandInfo .right .adres {
				width: 47%;
				margin: 0 0 0 10px;
			}

			.subsection.brandInfo .right .contact {
				width: 47%;
				margin: 0 10px 0 0;
			}

		.subsection.contactForm .item
		{
			width: 96%;
			padding: 0 2%;
		}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.brand .right {
		width: 55%;
		padding-top: 12px;
		float: right;
	}

		.subsection.brandInfo .right .map {
			width: 100%;
			height: 190px;
			margin: 0 0 25px 0;
			float: left;
		}

			.subsection.brandInfo .intro {
				width: 100%;
			}

			.subsection.brandInfo .text {
				width: 96%;
				margin: 0 2% 25px 2%;
			}

			.subsection.brandInfo .right {
				width: 100%;
				margin: 0;
			}

			.subsection.brandInfo .right .adres {
				width: 47%;
				margin: 0 0 0 10px;
			}

			.subsection.brandInfo .right .contact {
				width: 47%;
				margin: 0 10px 0 0;
			}

		.subsection.contactForm .item
		{
			width: 96%;
			padding: 0 2%;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px) {
}

@media screen and (max-width: 321px) {
	.brand {
		width: 95%;
		margin: 0 10px 10px 10px;
		padding: 10px 10px 10px 10px;
	}

		.brand .logo {
			width: 135px;
			text-align: center;
			float: left;
		}

			.brand .logo img {
				max-width: 100%;
				height: auto;
				margin: 0 0 10px 0;
			}

			.brand .logo a.more {
				width: 140px;
				height: 30px;
				line-height: 30px;
				font-size: 1.5em;
			}

		.brand .right {
			width: 45%;
			padding-top: 12px;
			float: right;
		}

			.brand .right .title {
				font-size: 1.8em;
				margin: 0 0 10px 0;
			}

			.brand .right .phone {
				height: 8px;
				font-size: 1.1em;
				margin: 0 0 10px 0;
				padding: 0 0 0 12px;
				background-size: 8px 8px;
				line-height: 8px;
			}

			.brand .right .location {
				height: 11px;
				font-size: 1.1em;
				padding: 0 0 0 12px;
				background-size: 7px 11px;
				line-height: 11px;
			}


		.subsection.brandInfo {
			padding: 25px 0 20px 0;
		}

			.subsection.brandInfo .name {
				font-size: 1.8em;
				margin: 0 0 17px 0;
			}

			.subsection.brandInfo .intro {
				width: 300px;
				font-size: 1.2em;
				line-height: 1.3em;
				margin: 0 10px 15px 10px;
			}

			.subsection.brandInfo .text {
				width: 300px;
				font-size: 1.2em;
				line-height: 1.3em;
				margin: 0 10px 15px 10px;
			}

			.subsection.brandInfo .right {
				width: 320px;
				font-size: 1.2em;
				line-height: 1.3em;
				font-weight: 300;
			}

		.subsection.brandInfo .right .map {
			width: 100%;
			height: 168px;
			margin: 0 0 15px 0;
			float: left;
		}

			.subsection.brandInfo .intro {
				width: 100%;
			}

			.subsection.brandInfo .text {
				width: 96%;
				margin: 0 2% 25px 2%;
			}

			.subsection.brandInfo .right {
				width: 100%;
				margin: 0;
			}

			.subsection.brandInfo .right .adres {
				width: 45%;
				line-height: 1.65em;
				margin: 0 0 0 2%;
			}

			.subsection.brandInfo .right .contact {
				width: 45%;
				margin: 0 2% 0 0;
			}

			.subsection.brandInfo .right .contact a.route {
				width: 100%;
			}

		.subsection.contactForm .item
		{
			width: 96%;
			padding: 0 2%;
		}

			.subsection.contactForm .item .caption
			{
				font-size: 0.9em;
			}

			.subsection.contactForm .item label
			{
				font-size: 0.9em;
			}

			.subsection.contactForm form.form input
			{
				font-size: 0.9em;
			}

			.subsection.contactForm .error
			{
				font-size: 0.9em;
			}
}

/* =================================================================================*/

/*==================================================================================*/
/*Content CSS classes*/
/*==================================================================================*/
.subsection.contenttop {
	padding: 45px 0 60px 0;
	background: #FFF url(../../img/contentLine.gif) repeat-y center 0;
}

.subsection.contentbottom {
	padding: 45px 0 60px 0;
	background: #FFF url(../../img/contentLine.gif) repeat-y center 0;
}

.subsection.intro {
	padding: 45px 0 60px 0;
	background: #FFF url(../../img/contentLine.gif) repeat-y center 0;
	width:100%;
	margin: 0;
}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.subsection.contenttop {
		padding: 22px 0 30px 0;
		background: #FFF;
	}

	.subsection.contentbottom {
		padding: 22px 0 30px 0;
		background: #FFF;
	}
	.subsection.intro {
		padding: 22px 0 30px 0;
		background: #FFF;
}
}

/* =================================================================================*/
/*==================================================================================*/
/*Footer CSS classes*/
/*==================================================================================*/
.section.footer {
	height: 200px;
}

	.subsection.brands {
		height: 135px;
		background: #F1F3F4;
	}

		.subsection.brands .royalSlider {
			width: 100%;
			height: 135px;
			float: left;
		}

			.subsection.brands .rsDefault,
			.subsection.brands .rsDefault .rsOverflow,
			.subsection.brands .rsDefault .rsSlide,
			.subsection.brands .rsDefault .rsVideoFrameHolder,
			.subsection.brands .rsDefault .rsThumbs {
				background: none;
			}

				.subsection.brands .rsDefault .rsSlide {
					text-align: center;
				}

					.subsection.brands .rsDefault .rsSlide a
					{
						margin: 37px 60px 0 60px;
						display: inline-block;
					}

				.subsection.brands .rsDefault .rsSlide img {
					max-width: 100%;
					display: block;
				}

	.subsection.subscribe {
		min-height: 100px;
		background: #285B98;
	}

		.subsection.subscribe .item {
			width: 95%;
			margin: 25px 0 0 0;

			box-sizing: border-box;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
		}

			.subsection.subscribe .item .left
			{
				width: 35%;
				float: left;
			}

		.subsection.subscribe .item .title {
			width: 100%;
			margin: 0 0 10px 0;
			color: #FFF;
			float: left;
		}

		.subsection.subscribe .item {
			color: #FFF;
		}

			.subsection.subscribe .item p {
				width: 100%;	
				font-size: 1.4em;
				float: left;
			}

			.subsection.subscribe .item form {
				width: 65%;
				float: left;
			}

				.subsection.subscribe .item form .caption
				{
					display: none;
				}

				.subsection.subscribe .item form .formfield
				{
					width: 75%;
					float: left;
				}

					.subsection.subscribe .item form .formfield .field
					{
						width: 100%;
					}

				.subsection.subscribe .item form .formfield input
				{
					width: 95%;
					float: left;
				}

				.subsection.subscribe .item form .formfield.buttons
				{
					padding: 0;
					width: 125px;
				}

				.subsection.subscribe .item form .formfield:nth-child(2)
				{
					display: none;
				}

					.subsection.subscribe .item form .formfield.buttons button
					{
						width: 125px;
						/*font-family: "bebas-neue";*/
						font-size: 1.6em;
						border-radius: 4px;
						background: #83ACDE;
					}

	.subsection.links {
		height: 65px;
		text-align: center;
		background: #285B98;
	}

		.subsection.links .links {
			margin: 20px 0 0 0;
		}

		.subsection.links a {
			font-size: 1.2em;
			margin: 0 10px;
			color: #FFF;
		}
/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.subsection.subscribe .item {
		width: 95%;
		margin: 25px 10px 25px 10px;
	}

		.subsection.subscribe .item .left {
			width: 35%;
			float: left;
		}

		.subsection.subscribe .item form {
			width: 65%;
			float: left;
		}

		.subsection.subscribe .item form .formfield
		{
			width: 70%;
			float: left;
		}

		.subsection.brands .rsDefault .rsSlide a
		{
			margin: 37px 30px 0 30px;
		}

		.subsection.brands .rsDefault .rsSlide img {
			/*margin: 37px 20px 0 20px;*/
			max-width: 100%;
			display: block;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.subsection.subscribe .item {
		width: 95%;
		margin: 25px 10px 25px 10px;
	}

		.subsection.subscribe .item .left
		{
			width: 100%;
			margin: 0 0 10px 0;
			float: left;
		}

		.subsection.subscribe .item .title {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.subsection.subscribe .item form {
			width: 100%;
			float: left;
		}
		
	.subsection.brands .rsDefault .rsSlide a
	{
		width: 22%;
		margin: 37px 1% 0 1%;
		display: inline-block;
	}

		.subsection.brands .rsDefault .rsSlide img {
			max-width: 100%;
			display: block;
		}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.subsection.subscribe .item {
		width: 95%;
		margin: 25px 10px 25px 10px;
	}

		.subsection.subscribe .item .left
		{
			width: 100%;
			margin: 0 0 10px 0;
			float: left;
		}

		.subsection.subscribe .item .title {
			width: 100%;
			margin: 0 0 10px 0;
		}

		.subsection.subscribe .item form {
			width: 100%;
			float: left;
		}
		
	.subsection.brands .rsDefault .rsSlide a
	{
		width: 22%;
		margin: 37px 1% 0 1%;
		display: inline-block;
	}

		.subsection.brands .rsDefault .rsSlide img {
			max-width: 100%;
			display: block;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.subsection.brands
	{
		height: 105px;
	}

	.subsection.brands .royalSlider {
		width: 100%;
		height: 105px;
		float: left;
	}

	.subsection.brands .rsDefault .rsSlide a
	{
		width: 22%;
		margin: 22px 1% 0 1%;
		display: inline-block;
	}

		.subsection.brands .rsDefault .rsSlide img {
			max-width: 100%;
			display: block;
		}

		.subsection.subscribe .item {
			width: 95%;
			margin: 25px 10px 25px 10px;
		}

			.subsection.subscribe .item .left
			{
				width: 100%;
				margin: 0 0 10px 0;
				float: left;
			}

		.subsection.subscribe .item .title {
			width: 100%;
			margin: 0 0 10px 0;
		}

			.subsection.subscribe .item p {
				width: 100%;
			}

			.subsection.subscribe .item form {
				width: 100%;
				float: left;
			}

				.subsection.subscribe .item form .formfield
				{
					width: 70%;
					float: left;
				}

					.subsection.subscribe .item form .formfield .field
					{
						width: 100%;
					}

				.subsection.subscribe .item form .formfield input
				{
					width: 90%;
					float: left;
				}

				.subsection.subscribe .item form .formfield.buttons
				{
					padding: 0;
					width: 30%;
				}

				.subsection.subscribe .item form .formfield:nth-child(2)
				{
					display: none;
				}

					.subsection.subscribe .item form .formfield.buttons button
					{
						width: 100%;
						/*font-family: "bebas-neue";*/
						font-size: 1.6em;
						border-radius: 4px;
						background: #83ACDE;
					}
}

@media screen and (max-width: 321px)
{
	.subsection.brands
	{
		height: 105px;
	}

	.subsection.brands .royalSlider {
		width: 100%;
		height: 105px;
		float: left;
	}

	.subsection.brands .rsDefault .rsSlide a
	{
		width: 22%;
		margin: 22px 1% 0 1%;
		display: inline-block;
	}

		.subsection.brands .rsDefault .rsSlide img {
			max-width: 100%;
			display: block;
		}

		.subsection.subscribe .item {
			width: 95%;
			margin: 25px 10px 25px 10px;
		}

			.subsection.subscribe .item .left
			{
				width: 100%;
				margin: 0 0 10px 0;
				float: left;
			}

		.subsection.subscribe .item .title {
			width: 100%;
			margin: 0 0 10px 0;
		}

			.subsection.subscribe .item p {
				width: 100%;
			}

			.subsection.subscribe .item form {
				width: 100%;
				float: left;
			}

				.subsection.subscribe .item form .formfield
				{
					width: 100%;
					float: left;
				}

					.subsection.subscribe .item form .formfield .field
					{
						width: 100%;
					}

				.subsection.subscribe .item form .formfield input
				{
					width: 100%;
					float: left;
				}

				.subsection.subscribe .item form .formfield.buttons
				{
					padding: 0;
					width: 100%;
				}

				.subsection.subscribe .item form .formfield:nth-child(2)
				{
					display: none;
				}

					.subsection.subscribe .item form .formfield.buttons button
					{
						width: 100%;
						/*font-family: "bebas-neue";*/
						font-size: 1.6em;
						border-radius: 4px;
						background: #83ACDE;
					}
}

/* =================================================================================*/
/*===============================================================================================*/
/*
	Form CSS classes
*/
/*===============================================================================================*/
.error
{
	color: #F00;
	font-weight: bold;
}

form.form > div {
	width: 100%;
	padding: 0;
}

	form.form > div > div {
		margin: 0 0 20px 0;
	}

form.form h4
{
	font-size: 1.3em;
	color: #595959;
}

form.form div.category
{
	width: 100%;
	padding: 0;
	margin: 0 0 20px 0;
	/*background: #DCDCE5;*/
}

form.form button
{
	/**/
	float: right; /**/
	padding-top: 0px;
}

	form.form button.back
	{
	}

	form.form button.submit
	{
	}

	form.form button.reset
	{
	}

form.form div.radio
{
	width: 100%;
	clear: both;
}

form.form div.formfield
{
}

	form.form div.formfield table
	{
		width: 97.5%;
	}

form.form input.radio
{
	width: auto !important;
	height: auto;
	float: left;
	margin: 3px 6px 0 0;
}

form.form input.checkbox
{
	float: left;
	margin-right: 6px;
	margin-top: 3px;
}

form.form .bold, form.form .caption
{
	font-size: 1.1em;
	color: #595959;
	float: left;
	/**/
	width: 34%;
	overflow: hidden; /**/
}

form.form .label
{
	font-weight: bold;
	float: left;
	/**/
	width: 100%;
	overflow: hidden; /**/
}

form.form div.field
{
	/**/
	width: 66%;
	overflow: hidden;
	float: left; /**/
}

	form.form div.field input {
		width: 96%;
	}

	form.form div.field select {
		width: 100% !important;
		height: 34px;
		border: 1px solid #C1C1C1;
		margin: 0 !important;
	}

		form.form div.field input.checkbox {
			width: auto;
			height: auto;
			margin: 4px 6px 0 0;
			float: left;
		}

	form.form div.field textarea {
		width: 98%;
	}

form.form input.file
{
}

form.form label
{
	width: 93%;
	margin-top: 0;
	float: left;
}

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
}

/* =================================================================================*/
/*==================================================================================*/
/*Googlemaps CSS classes*/
/*==================================================================================*/
.googlemaps
{
	height: 400px;
}

	.googlemaps .map
	{
		width: 100%;
		height: 400px;
	}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.googlemaps
	{
		height: 200px;
	}

		.googlemaps .map
		{
			height: 200px;
		}
}

@media screen and (max-width: 321px)
{
}

/* =================================================================================*/
/*==================================================================================*/
/*Header CSS classes*/
/*==================================================================================*/
.section.header {
	height: 140px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
}

	.subsection.top {
		height: 44px;
		background: #000;
	}

	.languageSelect {
		margin: 17px 40px 0 0;
		color: #FFF;
		position: relative;
		float: right;
	}

		.languageSelect a
		{
			color: #FFF;
			font-size: 1.1em;
			text-transform: uppercase;
			text-decoration: none;
			padding: 0 15px 0 0;
			line-height: 12px;
			background: url(../../img/languageDown.png) no-repeat right center;
		}

			.languageSelect a img
			{
				float: left;
				margin: 0 5px 0 0;
			}

		.languageSelect #languageOptions
		{
			width: 115px;
			padding: 10px;
			visibility: hidden;
			position: absolute;
			display: block;
			top: 0;
			left: -10px;
			z-index: 10;
			
			transition: 0.5s ease-in-out;
			-moz-transition: 0.5s ease-in-out;
			-webkit-transition: 0.5s ease-in-out;
		}

			.languageSelect #languageOptions.open
			{
				width: 115px;
				background: #000;
				padding: 10px;
				display: block;
				position: absolute;
				top: 20px;
				left: -10px;
				z-index: 10;
				visibility: visible;
			}

			.languageSelect #languageOptions ul
			{
				list-style: none;
				padding: 0;
			}

				.languageSelect #languageOptions ul li
				{
					margin: 0;
				}

				.languageSelect #languageOptions ul a
				{
					background: none;
				}

	.quickSearch {
		width: 210px;
		height: 30px;
		background: #FFF;
		border-radius: 2px;
		margin: 7px 0 0 0;
		float: right;
	}

		.quickSearch input {
			width: 170px;
			height: 30px;
			border: none;
			padding: 0 0 0 10px;
			color: #33383F;
			/*font-family: "proxima-nova";*/
			font-size: 1.2em;
			font-weight: 600;
			background: none;
			float: left;
		}

		.quickSearch button {
			width: 30px;
			height: 30px;
			margin: 0;
			padding: 0;
			background: url("../../img/btnSearch.png") no-repeat 0 0;
			float: left;
		}

			.quickSearch button:hover {
				background: url("../../img/btnSearch.png") no-repeat 0 -30px;		
			}

	.subsection.topMenu {
		height: 100px;
		background: url("../../img/bgMenu.png") repeat-x 0 0;
	}

		.subsection.topMenu .logo {
			margin: 16px 0 0 16px;
			width: 100px;
			height: 60px;
			float: left;
		}

			.subsection.topMenu .logo a
			{
				width: 126px;
				height: 57px;
				background: url("../../img/logoAccellNL.png");
				background-size: 126px 57px;
				float: left;
				margin: 0;
			}
/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.section.header
	{
		height: 96px;
	}

		.subsection.topMenu .logo {
			width: 100%;
			text-align: center;
			margin: 10px 0 0 0;
			float: left;
		}

			.subsection.topMenu .logo a
			{
				display: inline-block;
				float: none;
				margin-top: 6px;
			}

	.mrg132 {
		margin: 88px 0 0 0;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.section.header
	{
		height: 96px;
	}

		.subsection.topMenu .logo {
			width: 100%;
			text-align: center;
			margin: 10px 0 0 0;
			float: left;
		}

	.mrg132 {
		margin: 88px 0 0 0;
	}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.section.header
	{
		height: 96px;
	}

		.subsection.topMenu .logo {
			width: 100%;
			text-align: center;
			margin: 10px 0 0 0;
			float: left;
		}

	.mrg132 {
		margin: 88px 0 0 0;
	}
}

@media screen and (max-width: 321px)
{
	.section.header
	{
		height: 96px;
	}

		.subsection.topMenu .logo {
			width: 100%;
			text-align: center;
			margin: 10px 0 0 0;
			float: left;
		}

	.mrg132 {
		margin: 88px 0 0 0;
	}
}

/* =================================================================================*/
/*==================================================================================*/
/*Intro CSS classes*/
/*==================================================================================*/
.intro {
	width: 600px;
	margin: 0 20px;
	float: left;
}

	.intro .title {
		width: 100%;
		margin: 0 0 25px 0;
		/*font-family: "bebas-neue";*/
		font-size: 2.4em;
		color: #24A035;
		float: left;
	}

		.intro .title h1 {
			font-size: 100%;
			text-transform: uppercase;
			font-weight: bold;
		}

	.intro .text {
		width: 100%;
		margin: 0 0 30px 0;
		font-weight: 300;
		font-size: 1.4em;
		line-height: 1.5em;
		color: #000000;
		float: left;
	}

	.intro .nav {
		width: 100%;
		float: left;
	}

		.intro .nav a {
			float: left;
			height: 40px;
			padding: 0 20px;
			/*font-family: "bebas-neue";*/
			text-transform: uppercase;
			font-weight: bold;
			color: #FFF;
			font-size: 1.7em;
			line-height: 40px;
			text-decoration: none;
			background: #24A035;
			border-radius: 4px;
		}

			.intro .nav a:hover {
				background:#1F892D;
			}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.intro {
		width: 40%;
		margin: 0 5%;
		float: left;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.intro {
		width: 40%;
		margin: 0 5%;
		float: left;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.intro {
		width: 40%;
		margin: 0 5%;
		float: left;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.intro {
		width: 40%;
		margin: 0 5%;
		float: left;
	}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.intro {
		width: 40%;
		margin: 0 5%;
		float: left;
	}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.intro {
		width: 90%;
		margin: 0 5% 20px 5%;
		float: left;
	}
}

@media screen and (max-width: 321px)
{
	.intro {
		width: 90%;
		margin: 0 5% 20px 5%;
		float: left;
	}

	.intro .title {
		margin: 0 0 12px 0;
		font-size: 2.0em;
	}

	.intro .text {
		font-size: 1.3em;
		line-height: 1.4em;
	}
}

/* =================================================================================*/
/*===============================================================================================*/
/*
	HTML Menu CSS classes
*/
/*===============================================================================================*/
.menu
{
	width: 260px;
	padding: 0 0 0 0;
	list-style: none;
	margin: 0 0 30px 0 !important;
	float: left;
}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Algemene <a/> in het menu																	 */
	/*-----------------------------------------------------------------------------------------------*/
	.menu a
	{
		/*font-family: "proxima-nova-condensed";*/
		border-bottom: 1px solid #CCCCCC;
		padding-top: 15px;
		padding-right: 5px;
		padding-bottom: 15px;
		color: #5A5A5A;
		font-size: 1.6em;
		text-decoration: none;
		display: block;
		clear: both;
	}

		.menu a:hover
		{
			font-weight: 600;
			color: #5A5A5A;
			text-decoration: none;
		}
		/*-----------------------------------------------------------------------------------------------*/
		/*	Current <a/> in het menu																	 */
		/*-----------------------------------------------------------------------------------------------*/
		.menu a.current
		{
			font-weight: bold;
			background: url("../../img/arrowSubMenu.png") no-repeat right center;
		}

			.menu a.current:hover
			{
				color: #5A5A5A;
			}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Current <a/> in een sub menu																 */
	/*-----------------------------------------------------------------------------------------------*/
	.menu .subMenu a.current
	{
		font-weight: bold;
		background: url("../../img/arrowSubMenu.png") no-repeat right center;
	}

		.menu .subMenu a.current:hover
		{
			color: #5A5A5A;
		}
	/*-----------------------------------------------------------------------------------------------*/
	/* Pijltje als er een submenu is (als gebruikt moet de display op block staan)					 */
	/*-----------------------------------------------------------------------------------------------*/
	.menu a img
	{
		/*background: transparent url("../../img/kopie/menuArrowDown.gif") no-repeat 0 0;*/
		width: 8px;
		height: 7px;
		margin-top: 3px;
		display: none;
	}
		/*-----------------------------------------------------------------------------------------------*/
		/*	Externe link in een (sub)menu																 */
		/*-----------------------------------------------------------------------------------------------*/
		.menu a img.link
		{
			background: transparent url("../../img/kopie/menuLink.gif") no-repeat 0 0;
			display: none;
			width: 13px;
			height: 9px;
			margin-top: 2px;
		}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Parent <a/> van de current <a/> in een (sub)menu											 */
	/*-----------------------------------------------------------------------------------------------*/
	.menu a.parent
	{
		font-weight: bold;
	}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Eerste en laatste <a/> in een (sub)menu														 */
	/*-----------------------------------------------------------------------------------------------*/
	.menu a.first
	{
	}

	.menu a.last
	{
	}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Verschillende lagen:																		 */
	/*-----------------------------------------------------------------------------------------------*/
	/* 1e laag */
	.menu a
	{
		padding-left: 3px;
	}
	/*-----------------------------------------------------------------------------------------------*/
	/* 2e laag */
	.menu ul.subMenu a
	{
		padding-left: 18px;
	}

		.menu ul.subMenu a.current,
		.menu ul.subMenu a.parent {
			background: url("../../img/arrowSubMenu.png") no-repeat right center;
		}
	/*-----------------------------------------------------------------------------------------------*/
	/* 3e laag */
	.menu .subMenu .subMenu a
	{
		padding-left: 29px;
	}

		.menu .subMenu .subMenu a.current,
		.menu .subMenu .subMenu a.parent {
			background: url("../../img/arrowSubMenu.png") no-repeat right center;
		}
	/*-----------------------------------------------------------------------------------------------*/
	/* 4e laag */
	.menu .subMenu .subMenu .subMenu a
	{
		padding-left: 40px;
	}
	/*-----------------------------------------------------------------------------------------------*/
	/* 5e laag */
	.menu .subMenu .subMenu .subMenu .subMenu a
	{
		padding-left: 51px;
	}
	/*-----------------------------------------------------------------------------------------------*/
	/* 6e laag */
	.menu .subMenu .subMenu .subMenu .subMenu .subMenu a
	{
		padding-left: 62px;
	}
	/*-----------------------------------------------------------------------------------------------*/
	/* 7e laag */
	.menu .subMenu .subMenu .subMenu .subMenu .subMenu .subMenu a
	{
		padding-left: 73px;
	}


/*===============================================================================================*/
/*
	DHTML Menu CSS classes
*/
/*===============================================================================================*/
#mainMenu
{
	max-width: 1100px;
	height: 88px;
	padding: 0;
	margin: 0 10px 0 0;
	float: right;
}

	#mainMenu li {
		margin: 0;
	}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Gewone <a/> in het hoofdmenu.																 */
	/*-----------------------------------------------------------------------------------------------*/
	#mainMenu a
	{
		/*font-family: "proxima-nova-condensed";*/
		text-transform: uppercase;
		font-size: 1.5em;
		color: #666666;
		text-decoration: none;
		padding: 0 25px;
		border-right: 1px solid #E4E7E9;
		float: left;
		height: 88px;
		line-height: 88px;
		overflow: hidden; /**/
	}

		#mainMenu a:hover
		{
			color: #265998;
			text-decoration: none;
		}
		/*-----------------------------------------------------------------------------------------------*/
		/* Pijltje als er een submenu is																 */
		#mainMenu a img
		{
			width: 8px;
			height: 7px;
			margin-top: 3px;
			/*background: transparent url("../../img/kopie/menuArrowDown.gif") no-repeat 0 0;*/ /**/
			display: none;
		}
			/*-----------------------------------------------------------------------------------------------*/
			/*	Externe link in een hoofdmenu																 */
			#mainMenu a img.link
			{
				background: transparent url("../../img/kopie/menuLink.gif") no-repeat 0 0;
				display: none;
				width: 13px;
				height: 9px;
				margin-top: 2px;
			}
		/*-----------------------------------------------------------------------------------------------*/
		/* Current <a/> in het hoofdmenu.																 */
		/*-----------------------------------------------------------------------------------------------*/
		#mainMenu a.current
		{
			height: 100px;
			font-weight: 600;
			color: #666666;
			border: none;
			background: url("../../img/bgMenuLoc.png") no-repeat center 0;
		}

			#mainMenu a.current:hover
			{
				height: 100px;
				font-weight: 600;
				color: #666666;
				border: none;
				background: url("../../img/bgMenuLoc.png") no-repeat center 0;
			}
		/*-----------------------------------------------------------------------------------------------*/
		/* Parent <a/> van current <a/> in het hoofdmenu.												 */
		/*-----------------------------------------------------------------------------------------------*/
		#mainMenu a.parent
		{
			height: 100px;
			font-weight: 600;
			color: #666666;
			border: none;
			background: url("../../img/bgMenuLoc.png") no-repeat center 0;
		}
		/*-----------------------------------------------------------------------------------------------*/
		/*	Eerste en laatste <a/> in het hoofdmenu.													 */
		/*-----------------------------------------------------------------------------------------------*/
		#mainMenu a.first
		{
		}

		#mainMenu a.last
		{
			border-bottom-width: 0px;
		}
/*===============================================================================================*/
/*	Zwevende menu's																				 */
/*-----------------------------------------------------------------------------------------------*/
.floatMenu
{
	border: 1px solid #888888;
	background-color: #FFFFFF;
	padding: 0 0 0 0;
}
	/*-----------------------------------------------------------------------------------------------*/
	/*	Gewone <a/> in een zwevend menu.															 */
	/*-----------------------------------------------------------------------------------------------*/
	.floatMenu a
	{
		padding: 5px;
		color: #1F1949;
		text-decoration: none;
		border-bottom: 1px solid #888888;
		width: 150px;
	}

		.floatMenu a:hover
		{
			background-color: #CCCCD9;
			color: #1F1949;
			text-decoration: none;
		}
		/*-----------------------------------------------------------------------------------------------*/
		/* Pijltje als er een submenu is																 */
		.floatMenu a img
		{
			width: 8px;
			height: 7px;
			background: transparent url("../../img/kopie/menuArrowLeft.gif") no-repeat 0 0;
			margin-top: 3px;
		}
			/*-----------------------------------------------------------------------------------------------*/
			/*	Externe link in een hoofdmenu																 */
			.floatMenu a img.link
			{
				background: transparent url("../../img/kopie/menuLink.gif") no-repeat 0 0;
				display: block;
				width: 13px;
				height: 9px;
				margin-top: 2px;
			}
		/*-----------------------------------------------------------------------------------------------*/
		/* Current <a/> in het zwevend menu.															 */
		/*-----------------------------------------------------------------------------------------------*/
		.floatMenu a.current
		{
			background-color: #CCCCD9;
			text-decoration: none;
		}

			.floatMenu a.current:hover
			{
				background-color: #CCCCD9;
				text-decoration: none;
			}
		/*-----------------------------------------------------------------------------------------------*/
		/* Parent <a/> van current <a/> in het zwevend menu.											 */
		/*-----------------------------------------------------------------------------------------------*/
		.floatMenu a.parent
		{
		}
		/*-----------------------------------------------------------------------------------------------*/
		/*	Eerste en laatste <a/> in het zwevend menu.													 */
		/*-----------------------------------------------------------------------------------------------*/
		.floatMenu a.first
		{
		}

		.floatMenu a.last
		{
			border-bottom-width: 0px;
		}

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	#mainMenu a
	{
		padding: 0 18px;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.subsection.topMenu.mobile
	{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 110;
	}

	a.openMobileMenu
	{
		width: 50px;
		height: 88px;
		background: #FFF url("../../img/btnMenu.png") no-repeat center center;
		background-size: 28px 20px;
		position: fixed;
		left: 0;
		top: 0;
		float: left;
		z-index: 115;

		transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}

		a.openMobileMenu.open
		{
			left: 260px;
			/*right: 0;*/
		}

	#mobileMenu
	{
		width: 260px;
		height: 100%;
		top: 0;
		left: -100%;
		background: #252B2E;
		position: fixed;
		z-index: 290;
		overflow: hidden;
		float: left;

		transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}

		#mobileMenu .top
		{
			width: 260px;
			height: 88px;
			text-align: center;
			border-bottom: 1px solid #515558;
			position: relative;
			float: left;
		}

			#mobileMenu .top img
			{
				margin: 16px 0 0 0;
				width: 126px;
				height: 57px;
			}

			#mobileMenu .top a
			{
				font-family: Arial, Verdana, sans-serif;
				color: #969696;
				font-size: 1.1em;
				font-weight: bold;
				position: absolute;
				margin: -6px 0 0 0;
				right: 10px;
				bottom: 15px;
			}

		#mobileMenu .scroll
		{
			width: 285px;
			overflow-y: scroll;
			height: 100%;
		}

	#mobileMenu.open
	{
		left: 0;
	}

		#mobileMenu li a
		{
			color: #FFF;
			text-transform: uppercase;
			padding-left: 10px;
			border-bottom: 1px solid #515558;
		}

			#mobileMenu li a.current
			{
				background:none;
			}
}

	#mobileMenu .subMenu a
	{
		padding-left: 20px;
	}
		
		#mobileMenu .subMenu a .subMenu a
		{
			padding-left: 30px;
		}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.subsection.topMenu.mobile
	{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 110;
	}

	a.openMobileMenu
	{
		width: 50px;
		height: 88px;
		background: #FFF url("../../img/btnMenu.png") no-repeat center center;
		background-size: 28px 20px;
		position: fixed;
		left: 0;
		top: 0;
		float: left;
		z-index: 115;
	}

		a.openMobileMenu.open
		{
			left: 260px;
			/*right: 0;*/
		}

	#mobileMenu
	{
		width: 260px;
		height: 100%;
		top: 0;
		left: -100%;
		background: #252B2E;
		position: fixed;
		z-index: 290;
		overflow: hidden;
		float: left;

		transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}

		#mobileMenu .top
		{
			width: 260px;
			height: 88px;
			text-align: center;
			border-bottom: 1px solid #515558;
			float: left;
		}

			#mobileMenu .top img
			{
				margin: 16px 0 0 0;
			}

		#mobileMenu .scroll
		{
			width: 285px;
			overflow-y: scroll;
			height: 100%;
		}

	#mobileMenu.open
	{
		left: 0;
	}

		#mobileMenu li a
		{
			color: #FFF;
			text-transform: uppercase;
			padding-left: 10px;
			border-bottom: 1px solid #515558;
		}

			#mobileMenu li a.current
			{
				background:none;
			}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.subsection.topMenu.mobile
	{
		position: fixed;
		left: 0;
		top: 0;
		z-index: 110;
	}

	a.openMobileMenu
	{
		width: 50px;
		height: 88px;
		background: #FFF url("../../img/btnMenu.png") no-repeat center center;
		background-size: 28px 20px;
		position: fixed;
		left: 0;
		top: 0;
		float: left;
		z-index: 115;
	}

		a.openMobileMenu.open
		{
			left: 260px;
			/*right: 0;*/
		}

	#mobileMenu
	{
		width: 260px;
		height: 100%;
		top: 0;
		left: -100%;
		background: #252B2E;
		position: fixed;
		z-index: 290;
		overflow: hidden;
		float: left;

		transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		-webkit-transition: 0.5s ease-in-out;
	}

		#mobileMenu .top
		{
			width: 260px;
			height: 88px;
			text-align: center;
			border-bottom: 1px solid #515558;
			float: left;
		}

			#mobileMenu .top img
			{
				margin: 16px 0 0 0;
			}

		#mobileMenu .scroll
		{
			width: 285px;
			overflow-y: scroll;
			height: 100%;
		}

	#mobileMenu.open
	{
		left: 0;
	}

		#mobileMenu li a
		{
			color: #FFF;
			text-transform: uppercase;
			padding-left: 10px;
			border-bottom: 1px solid #515558;
		}

			#mobileMenu li a.current
			{
				background:none;
			}
}

@media screen and (max-width: 321px)
{
	a.openMobileMenu
	{
		width: 50px;
		height: 88px;
		background: #FFF url("../../img/btnMenu.png") no-repeat center center;
		background-size: 28px 20px;
		position: fixed;
		left: 0;
		top: 0;
		float: left;
		z-index: 115;
	}

		a.openMobileMenu.open
		{
			left: 260px;
			/*right: 0;*/
		}
}

/* =================================================================================*/
/*==================================================================================*/
/*Persberichten CSS classes*/
/*==================================================================================*/
.persberichten {
	width: 600px;
	margin: 0 20px;
	float: left;
}

	.persberichten .title {
		width: 100%;
		margin: 0 0 25px 0;
		/*font-family: "bebas-neue";*/
		font-size: 2.4em;
		color: #265998;
		float: left;
	}

		.persberichten .title h2 {
			font-size: 100%;
			text-transform: uppercase;
			font-weight: bold;
			float: left;
		}

		.persberichten .title a {
			/*font-family: "proxima-nova";*/
			font-weight: 700;
			font-size: 0.6em;
			color: #8E8E8E;
			margin: 5px 0 0 0;
			float: right;
		}

	.persberichten .text {
		width: 100%;
		margin: 0 0 30px 0;
		font-weight: 300;
		font-size: 1.4em;
		line-height: 1.5em;
		color: #000000;
		float: left;
	}

	.persberichten a.item {
		width: 100%;
		margin: 0 0 20px 0;
		float: left;
	}

		.persberichten a.item .date {
			width: 20%;
			/*font-family: "proxima-nova";*/
			font-weight: 300;
			font-size: 1.4em;
			color: #000000;
			float: left;
		}

		.persberichten a.item .title {
			width: 80%;
			/*font-family: "proxima-nova";*/
			font-weight: 600;
			font-size: 1.4em;
			color: #000000;
			margin: 0 0 0 0;
			float: left;
		}

		.persberichten a.item:hover .title {
			color: #265998;
		}

	.persberichten .more {
			float: left;
			height: 40px;
			padding: 0 20px;
			/*font-family: "bebas-neue";*/
			text-transform: uppercase;
			font-weight: bold;
			color: #FFF;
			font-size: 1.7em;
			line-height: 40px;
			text-decoration: none;
			background: #285B98;
			border-radius: 4px;
		}

			.persberichten .more:hover {
				background:#537CAD;
			}
	
/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.persberichten {
		width: 40%;
		margin: 0 5%;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.persberichten {
		width: 40%;
		margin: 0 5%;
	}

		.persberichten a.item .date {
			width: 30%;
		}

		.persberichten a.item .title
		{
			width: 70%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.persberichten {
		width: 40%;
		margin: 0 5%;
	}

		.persberichten a.item .date {
			width: 30%;
		}

		.persberichten a.item .title
		{
			width: 70%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.persberichten {
		width: 40%;
		margin: 0 5%;
	}

		.persberichten a.item .date {
			width: 40%;
		}

		.persberichten a.item .title
		{
			width: 60%;
		}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.persberichten {
		width: 40%;
		margin: 0 5%;
	}

		.persberichten a.item .date {
			width: 40%;
		}

		.persberichten a.item .title
		{
			width: 60%;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.persberichten {
		width: 90%;
		margin: 0 5%;
	}

		.persberichten a.item .date {
			width: 30%;
		}

		.persberichten a.item .title
		{
			width: 70%;
		}
}

@media screen and (max-width: 321px)
{
	.persberichten {
		width: 90%;
		margin: 0 5% 20px 5%;
	}

		.persberichten a.item .date {
			width: 30%;
			font-size: 1.2em;
		}

		.persberichten a.item .title
		{
			width: 70%;
			font-size: 1.2em;
		}
}

/* =================================================================================*/
/*==================================================================================*/
/*Reports CSS classes*/
/*==================================================================================*/
.reports {
	width: 600px;
	margin: 0 20px;
	float: left;
}
	
	.reports .title {
		width: 100%;
		margin: 0 0 25px 0;
		/*font-family: "bebas-neue";*/
		font-size: 2.4em;
		color: #265998;
		float: left;
	}

	.reports .text {
		width: 100%;
		margin: 0 0 25px 0;
		font-weight: 300;
		font-size: 1.4em;
		line-height: 1.5em;
		color: #000000;
		float: left;
	}

	.reports .report {
		width: 100%;
		height: 27px;
		margin: 0 0 10px 0;
		float: left;
	}

		.report .name {
			min-width: 200px;
			height: 27px;
			line-height: 27px;
			padding: 0 0 0 40px;
			font-weight: 700;
			font-size: 1.4em;
			background: url("../../img/iconDownload.png") no-repeat 0 0;
			float: left;
		}

		.report a {
			margin: 8px 0 0 0;
			color: #000000;
			font-size: 1.2em;
			padding: 0 10px;
			text-decoration: underline;
			text-decoration-color: #D7D7D7;
			float: left;
		}

			.report a:hover {
				text-decoration: none;
			}

			.report a.line {
				border-left: 1px solid #000;
			}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.reports {
		width: 40%;
		margin: 0 5%;
	}

	.reports .report {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}

		.report .name {
			width: 100%;
		}

		.report a:first-of-type {
			margin-left: 5%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.reports {
		width: 40%;
		margin: 0 5%;
	}

	.reports .report {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}

		.report .name {
			width: 100%;
		}

		.report a:first-of-type {
			margin-left: 5%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.reports {
		width: 40%;
		margin: 0 5%;
	}

	.reports .report {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}

		.report .name {
			width: 100%;
		}

		.report a:first-of-type {
			margin-left: 0%;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.reports {
		width: 40%;
		margin: 0 5%;
	}

	.reports .report {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}

		.report .name {
			width: 100%;
		}

		.report a
		{
			padding: 0 3px;
		}

		.report a:first-of-type {
			margin-left: 0%;
		}
}

/* =================================================================================*/

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.reports {
		width: 40%;
		margin: 0 5%;
	}

	.reports .report {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}

		.report .name {
			width: 100%;
		}

		.report a:first-of-type {
			margin-left: 5%;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.reports {
		width: 90%;
		margin: 0 5%;
		float: left;
	}
}

@media screen and (max-width: 321px)
{
	.reports {
		width: 90%;
		margin: 0 5%;
		float: left;
	}

	.reports .text {
		font-size: 1.3em;
		line-height: 1.4em;
	}

	.reports .report {
		width: 100%;
		height: auto;
		margin: 0 0 5px 0;
	}

		.report .name {
			width: 100%;
			padding: 0 0 0 40px;
			font-weight: 700;
			font-size: 1.4em;
			background: url("../../img/iconDownload.png") no-repeat 0 0;
			float: left;
		}

		.report a {
			margin: 4px 0 0 0;
			font-size: 1.1em;
			padding: 0 5px;
			float: left;
		}

			.report a:first-of-type {
				margin: 4px 0 0 0px;
			}
}

/* =================================================================================*/
/*==================================================================================*/
/*Stock CSS classes*/
/*==================================================================================*/
.subsection.aandelenkoers {
	padding: 45px 0;
	background:#E4E7E9;
}

	.subsection.aandelenkoers .stock {
		width: 300px;
		margin: 0 10px;
		text-align: center;
		float: left;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
			height: 227px;
			display: inline-block;
		}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.subsection.aandelenkoers .stock {
		width: 21%;
		margin: 0 2%;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.subsection.aandelenkoers .stock {
		width: 21%;
		margin: 0 2%;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.subsection.aandelenkoers .stock {
		width: 90%;
		margin: 0 5%;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.subsection.aandelenkoers .stock {
		width: 90%;
		margin: 0 5%;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

@media screen and (min-width: 771px) and (max-width: 801px)
{
	.subsection.aandelenkoers .stock {
		width: 90%;
		margin: 0 5%;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.subsection.aandelenkoers .stock {
		width: 90%;
		margin: 0 5%;
		float: left;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

@media screen and (max-width: 321px)
{
	.subsection.aandelenkoers .stock {
		width: 100%;
		margin: 0;
		float: left;
	}

		.subsection.aandelenkoers .stock iframe {
			width: 300px;
		}
}

/* =================================================================================*/
/*==================================================================================*/
/*Vacature CSS classes*/
/*==================================================================================*/
.vacature {
	width: 700px;
	float: left;
	margin: 0 0 30px 0;
}

.vacature.short {
	width: 100%;
	border-bottom: 1px solid #E4E7E9;
}

	.item .vacature .title,
	.vacature.short .title {
		margin: 0 0 10px 0;
	}

	.vacature.short .title {
		text-transform: uppercase;
		display: block;
		font-size: 2.4em;
		text-transform: uppercase;
		color: #000;
		clear: both;
		font-weight: bold;
	}

	.vacature.short .title h2 {
		font-size: 100%;
	}

	.vacature.short .title a {
		color: #000;
		text-decoration: none;
	}

	.vacature .details,
	.vacature.short .details {
		width: 100%;
		float: left;
	}

		.vacature .details div,
		.vacature.short .details div {
			padding-right: 10px;
			border-right: 1px solid #000;
			margin-right: 10px;
			background: none;
			float: left;
			font-size: 1.4em;
		}

		.vacature .details .date,
		.vacature.short .details .date {
			color: #24A035;
		}

		.vacature .details .hours,
		.vacature.short .details .hours {
			border-right: none;
		}

.vacature.short .readMore {
	width: 100px;
	height: 30px;
	float: left;
	background: #83ACDE;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	text-transform: uppercase;
	border-radius: 4px;
	margin: 20px 0;
}

.item .solliciteer {
	width: 130px;
	height: 30px;
	float: right;
	background: #24A035;
	line-height: 30px;
	color: #FFF;
	text-align: center;
	text-decoration: none;
	font-size: 1.4em;
	text-transform: uppercase;
	border-radius: 4px;
}

.vacatureform {
	width: 100%;
	float: left;
	margin: 30px 0 0 0;
}

.vacatureform .subsection.contactForm,
.vacatureform .subsection.contactForm .item {
	padding: 0;
	width: 100%;
}

/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1300px)
{
	.vacature {
		width: 100%;
		margin: 0 0 20px 0;
}
	.item .solliciteer {
		float: left;
		margin: 0 0 20px 0;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1100px)
{
	.vacature {
		width: 100%;
		margin: 0 0 20px 0;
}
	.item .solliciteer {
		float: left;
		margin: 0 0 20px 0;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.vacature {
		width: 100%;
		margin: 0 0 20px 0;
}
	.item .solliciteer {
		float: left;
		margin: 0 0 20px 0;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.vacature {
		width: 100%;
		margin: 0 0 20px 0;
}
	.item .solliciteer {
		float: left;
		margin: 0 0 20px 0;
	}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.vacature {
		width: 100%;
		margin: 0 0 20px 0;
}
	.item .solliciteer {
		float: left;
		margin: 0 0 20px 0;
	}
}

/* =================================================================================*/
/*==================================================================================*/
/*Showpage CSS classes*/
/*==================================================================================*/
.subsection.showpage {
	background: url("../../img/bgContentCircle.gif") no-repeat center bottom 0;
}

.showpage .left {
	width: 280px;
	margin: 0 0 0 10px;
	float: left;
}

.catName {
	width: 260px;
	/*font-family: "bebas-neue";*/
	border-bottom: 1px solid #CCCCCC;
	padding: 40px 0 25px 3px;
	text-transform: uppercase;
	font-weight: bold;
	color: #C5CCD0;
	font-size: 2.4em;
	text-decoration: none;
	float: left;
}

.showpage .right {
	width: 980px;
	margin: 0 10px 0 0;
	padding: 40px;
	float: right;
}

	.showpage .right .catName {
		width: 100%;
		/*font-family: "bebas-neue";*/
		padding: 0;
		color: #000000;
		font-size: 2.4em;
		text-decoration: none;
		margin: 0 0 30px 0;
		border: none;
		float: left;
	}
/*==================================================================================*/

/* =================================================================================*/

@media screen and (max-width: 1281px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1279px)
{
	.subsection.showpage {
		background: #FFF;
	}
	
	.showpage .right {
		width: 70%;
		margin: 0 10px 0 0;
		padding: 40px;
		float: right;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	.subsection.showpage {
		background: #FFF;
	}

	.showpage .left
	{
		display: none;
	}

	.showpage .right {
		width: 100%;
		margin: 0 10px 0 0;
		padding: 40px;
		float: right;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	.subsection.showpage {
		background: #FFF;
	}

	.showpage .left
	{
		display: none;
	}

	.showpage .right {
		width: 100%;
		margin: 0 10px 0 0;
		padding: 40px;
		float: right;

		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	.subsection.showpage {
		background: #FFF;
	}

		.subsection.showpage .right
		{
			padding: 10px;
			margin: 0;
		}
}

@media screen and (max-width: 321px)
{
	.showpage .left {
		display: none;
	}
}

/* =================================================================================*/
/* =================================================================================*/
/*		RESPONSIVE TRICKERY																				*/
/* =================================================================================*/

@media screen and (max-width: 1280px)
{
}

/* =================================================================================*/

@media screen and (max-width: 1025px)
{
	[data-view=mobile]
	{
		display: block;
	}

	[data-view=desktop]
	{
		display: none;
	}

	.portalSlider .royalSlider .rsBullets {
		bottom: 15px;
	}

	div.breadcrumb
	{
		width: 95%;
		padding: 9px 0 9px 3px;
		height:auto;
	}

	div.subMenu
	{
		width: 100%;
		padding: 9px;
	}

		div.subMenu select
		{
			width: 100%;
			height: 30px;
		}
}

/* =================================================================================*/

@media screen and (max-width: 770px)
{
	[data-view=mobile]
	{
		display: block;
	}

	[data-view=desktop]
	{
		display: none;
	}

	div.breadcrumb
	{
		width: 95%;
		padding: 9px 0 9px 3px;
		height:auto;
	}

	div.subMenu
	{
		width: 100%;
		padding: 9px;
	}

		div.subMenu select
		{
			width: 100%;
			height: 30px;
		}
}

/* =================================================================================*/
/*		MOBILE																								*/
/* =================================================================================*/

@media screen and (max-width: 641px)
{
	[data-view=mobile]
	{
		display: block;
	}

	[data-view=desktop]
	{
		display: none;
	}

	.portalSlider .royalSlider .rsBullets {
		bottom: 2px;
	}

	div.breadcrumb
	{
		width: 95%;
		padding: 9px 0 9px 3px;
		height:auto;
	}

	div.subMenu
	{
		width: 100%;
		padding: 9px;
	}

		div.subMenu select
		{
			width: 100%;
			height: 30px;
		}

	.subsection.header .portalSlider {
		height: 225px;
	}

		.portalSlider .royalSlider {
			height: 225px;
		}

				.portalSlider .royalSlider .rsABlock .title {
					height: 25px;
					font-size: 1.3em;
					line-height: 25px;
				}

				.portalSlider .royalSlider .rsABlock .text {
					padding: 12px 0;
					font-size: 1.1em;
					line-height: 1.0em;
				}

					.portalSlider .royalSlider .rsABlock .text .textBlock {
						width: 60%;
					}

					.portalSlider .royalSlider .rsABlock .text a {
						height: 20px;
						padding: 0 10px;
						font-size: 1.0em;
						line-height: 20px;

						border-radius: 2px;
					}
}

/* =================================================================================*/

@media screen and (max-width: 321px)
{

	[data-view=mobile]
	{
		display: block;
	}

	[data-view=desktop]
	{
		display: none;
	}

	div.breadcrumb
	{
		width: 95%;
		padding: 9px 0 9px 3px;
		height:auto;
	}

	div.subMenu
	{
		width: 100%;
		padding: 9px;
	}

		div.subMenu select
		{
			width: 100%;
		}

	.portalSlider .rsSlide img
	{
		width: auto;
		max-height: 100%;
	}

	div.paging
	{
		margin: 20px 0 20px 0;
		width: 90%;
		text-align: center;
		float: left;
	}
}

/* =================================================================================*/