/* =SITE LAYOUT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

body, #PageContainer {
	text-align: left !important;
	margin: 0;
}

body, html {
	overflow: auto;
	overflow-x: hidden;
	max-width: 100vw;
}

.container-fluid {
	width: 100%;
}

#HomeButton {
	width: 16px;
	height: 16px;
	z-index: 400;
}

#HeaderContainer {
	width: 100%;
	height: 130px;
}

#HeaderWrapper {
	width: 100%;
	position: relative;
}

#Chat {
	width: 100px;
	height: 60px;
	display: none;
}

#AAA {
	float:right;
	display: block;
	margin-top:15px;
	/*height: 50px;*/
}

	#AAA * {
		color: #000;
	}

	#AAA a {
		margin-right: 5px;
		text-decoration: none;
	}

	#AAA .Normal {
		font-size: 14px;
	}

	#AAA .Large {
		font-size: 18px;
	}

	#AAA .Huge {
		font-size: 22px;
	}

.no-padding {
	padding: 0 !important;
}

#ContentContainer, #HeaderContainer, #PageContainer, #FooterContainer {
	margin: 0 auto;
}

#ContentContainer { /* background:url(../../images/fond-1280.png) repeat-y */
}

#ContentContainer {
	margin: 0px 0 0 0px;
}

body.Portal #ContentContainer {
	background: none;
}

#NonFooterContainer {
	height: 100%;
}

#HeaderWrapper {
	width: 100%;
	margin: 0 0 0 0px;
}

/*=footer----------------------------------------------------------------------------*/
#FooterContainer {
	text-align: center;
	height: 170px;
}

#FooterWrapper {
	width: 100%;
	font-size: 14px;
	line-height: 21px;
	text-align: left;
	position: relative;
}

	#FooterWrapper img {
		display: block;
	}

	#FooterWrapper a,
	#FooterWrapper a:link,
	#FooterWrapper a:visited {
		color: #000;
	}

body.Portal #FooterWrapper {
	width: 100%;
}

/*einde footer----------------------------------------------------------------------------*/

.Inhoud.pad-top {
	padding-top: 40px !important;
}

/* =MISC :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

/* =Logo */

#Logo {
	text-indent: -9999px;
	border: none;
	position:absolute;
}

#Logo {
	background: transparent url(/images/logo-deposten@4.png) no-repeat;
	background-size: 100% auto;
	margin: 40px 0 0 10px;
}

	#Logo,
	#Logo a {
		width: 184px;
		height: 55px;
		display: block;
		text-decoration: none;
	}

.MainKeuze {
	/* width:980px; */
	color: #f18c21;
	padding: 0 0 0 0px;
}

	.MainKeuze ul {
		/* margin:60px 20px 0 0!important; */
		padding: 0px;
	}

	.MainKeuze li {
		/* 	background:url(../../images/ulli.png) no-repeat center right; */
		display: block;
		text-align: right;
		padding: 0 0px 0 0px;
		margin: 0;
		/* border-bottom:1px solid #fbdcbc; */
		line-height: 40px;
		height: 40px;
		font-size: 26px;
	}

		.MainKeuze li:hover {
			/* border-bottom:1px solid #b5111b; */
		}

		.MainKeuze li.Last {
			/* border-bottom:none */
		}

		.MainKeuze li a {
			height: 100%;
			/* padding-right:30px; */
			padding-right: 0px;
			display: block;
		}

			.MainKeuze li a:link,
			.MainKeuze li a:visited {
				color: #f18c21;
				text-decoration: none;
			}

			.MainKeuze li a:hover,
			.MainKeuze li a:active,
			.MainKeuze li a.Active {
				color: #b5121b;
				text-decoration: none;
			}

	.MainKeuze h3 {
		font-style: italic;
		font-weight: normal;
		position: absolute;
		top: 0px;
		right: 0px;
	}

.mainLink {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	height: 390px;
	width: 560px;
}

#FooterContainer .LayoutGridCol .Inhoud {
	text-align: left;
}

#Nieuws, #Activiteiten {
	/* width:380px;
height:200px; */
}

#slogan {
	margin-top: 2rem;
}

#Activiteiten {
	top: 540px;
	right: 12px;
	position: absolute;
}

.Quote {
	width: 430px;
	height: 200px;
	position: absolute;
	left: 180px;
	top: 48px;
	color: #b5111b;
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	z-index: 100;
}

#thumbGallery {
	z-index: 20;
}

#mainvisual {
	position: absolute;
	top: 0px;
	left: 0;
	width: 460px;
	overflow: hidden;
}

	#mainvisual img {
		min-height: 386px;
		min-width: 460px;
		width: auto;
		height: auto;
	}

#HartVideo, #HartVisual {
	position: absolute;
	top: 0px;
	left: 0;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#HartVideo {
	z-index: 400;
}

#HartVisual {
	z-index: 300;
}

#hart {
	position: absolute;
	top: 0px;
	left: 0;
	width: 460px;
	height: 40px;
	background: url(../../images/hart-new-transp.png) no-repeat;
	z-index: 1000;
}

#hart-bottom {
	position: absolute;
	top: 284px;
	left: 0;
	width: 460px;
	height: 102px;
	background: url(../../images/hart-new-transp.png) no-repeat left -284px;
	z-index: 1001;
}

/* #hart-outline-top
{
position:absolute;
top:0;
left:0;
height:300px;
width:460px;
background:url(../../images/hart-transp.png) no-repeat -80px 20px;
} */

/* #hart-outline-bottom
{
position:absolute;
top:300px;
left:0;
height:300px;
width:460px;
background:url(../../images/hart-opaque.png) no-repeat -80px -280px;
} */

.play-button {
	position: absolute;
	top: 200px;
	left: 140px;
	height: 83px;
	width: 83px;
	z-index: 2000;
}

	.play-button .play-button {
		display: block;
		width: 83px;
		height: 83px;
		background-image: url(../../images/play-button.png);
		background-repeat: no-repeat;
	}

		.play-button .play-button:link,
		.play-button .play-button:visited {
			background-position: 0 0;
		}

		.play-button .play-button:hover,
		.play-button .play-button:active {
			background-position: 0 -83px;
		}

#thumbGallery {
	position: absolute;
	top: 420px;
	left: 00px;
	width: 460px;
	text-align: center;
}

	#thumbGallery ul {
		margin: 0 auto !important;
		padding: 0 !important;
		display: inline;
	}

		#thumbGallery ul li {
			list-style-type: none;
			display: inline-block;
			/* float:left; */
			width: 90px;
			height: 90px;
			margin: 0 0px 0px 0px !important;
			padding: 0 !important;
			overflow: hidden;
			/* border:1px solid #000!important; */
		}

			#thumbGallery ul li img.thumbGalleryImage {
				/* position:absolute; */
				/* height:90px!important; */
				/* clip: rect(0px 90px 90px 0px)!important; */
				cursor: pointer !important;
			}

			#thumbGallery ul li img {
			}

				#thumbGallery ul li img:hover {
				}

/* #HHH
{
position:absolute;
left:190px;
top:40px;
width:300px;
height:26px;
}
 */

#footerData {
	color: #000;
	/*position:absolute;
left:12px;
top:12px;
display:block;
width:420px;*/
}

#Social {
	float: right;
}

@media all and (min-width:1025px) {
	#Social {
		margin-top: 1rem;
		margin-right: 1rem;
	}
}

#Social li {
	float: left;
	display: block;
	list-style-type: none;
	width: 24px;
	height: 24px;
	padding: 0;
	margin: 0 4px 0 0;
}

#Social a {
	display: block;
	height: 24px;
	width: 24px;
	font-size:24px;
	color:#B5111B;
}

/*nieuws op home */

#NieuwsArchief ul {
	margin: 0;
	padding: 0;
}

#NieuwsArchief li {
	margin: 0 0 20px 0;
	padding: 0;
}

#NieuwsArchief h3 {
	color: #f18c21;
	line-height: 140%;
	margin: 0;
	font-weight: normal;
	font-size: 18px;
}

#NieuwsArchief img {
	width: 66px !important;
	height: auto !important;
}

tr.rwContentRow .rwCorner {
	border-collapse: collapse;
	width: 1px !important;
	overflow: hidden !important;
	display: inline !important;
}

.TelerikModalOverlay {
	opacity: 0.7 !important;
	background: #fff !important;
}

.quick {
	position: relative;
}

	.quick .layer {
		font-size: 1.5rem;
		background: rgba(255,255,255,0.2);
		border-radius: 2rem;
		padding: 0.2rem 2rem 2rem 8rem;
	}

	.quick h2 {
		color: #b20c16;
		font-weight: bold;
		font-size: 1.6rem;
	}

	.quick img {
		position: absolute;
		top: -1rem;
		left: -1rem;
	}

#MobileMenu {
	display: none;
}

#MainMenu {
	display: block;
}

@media all and (max-width:860px) {
	#MobileMenu {
		display: block;
	}

	#MainMenu {
		display: none;
	}
}

#MobileMenu {
	float: right;
}

.mainvisual {
	background-size: cover;
	max-width: 100vw;
}

.subvisual {
	background-size: cover;
	max-width: 100vw;
}

@media all and (max-width:1024px) {
	.subvisual {
		height: 200px;
		width: auto;
		max-width: 400vw;
	}

	.quick {
		margin-top: 2rem !IMPORTANT;
	}

	#Logo {
		/*position: fixed;*/
		top: 1rem;
		left: 1rem;
	}

	#Social {
		position: fixed;
		top: 13rem;
		right: 2rem;
	}

	/*#MobileMenu {
		position: fixed;
		top: 2rem;
		right: 2rem;
	}*/

	.quick .layer {
		padding-left: 50px;
	}

	.quick img {
		width: 50px;
	}

	.RadMenuPopup.RadMenuPopup_posten {
		z-index: 11000 !important;
	}
}