div#HeaderWrapper
{
	display: block;
	background-position: center bottom;
	background-size: 100%;
	position: relative;
	background-repeat: no-repeat;
	height: 310px;
	background-image: url("/assets/img/HeaderBackground2.jpg");
}


div#MenuWrapper
{
	width: 100%;
	background-color: #231f20;
	height: 51px;
}

div#MenuWrapper div#MenuContent button span
{
	background-color: #fff;
}

div#MenuWrapper div#MenuContent div#PhonePart
{
	display: inline-block;
	vertical-align: top;
	padding-top: 5px;
}

div#MenuWrapper div#MenuContent div#PhonePart p,
div#MenuWrapper div#MenuContent div#PhonePart a
{
	color: #ffffff;
	
}

div#MenuWrapper div#MenuContent div#PhonePart a
{
	margin-left: 12px;
	float: right;
	margin-top: 8px;
	font-size: 18px;
	text-decoration: none;
}

div#MenuWrapper div#MenuContent div#MenuPart
{
	background-color: #231f20;
	vertical-align: top;
	float: right;
}

div#MenuWrapper div#MenuContent div#MenuPart ul
{
	list-style-type: none;
	margin-bottom: 0;
}

div#MenuWrapper div#MenuContent div#MenuPart ul li
{
	display: inline-block;
	margin-right: 17px;
	vertical-align: top;
}

div#MenuWrapper div#MenuContent div#MenuPart ul li.Last
{
	margin-right: 0;
}

div#MenuWrapper div#MenuContent div#MenuPart ul li a 
{
	display: block;
	line-height: 48px;
	color: #ffffff;
	height: 51px;
	border-bottom: 6px solid #151515;
}

div#MenuWrapper div#MenuContent div#MenuPart ul li a:hover,
div#MenuWrapper div#MenuContent div#MenuPart ul li a.Active
{
	border-bottom: 6px solid #FFFFFF;
	text-decoration: none;
}


div#ContentWrapper
{
	
}

div#ContentWrapper div#Content
{
	padding-bottom: 40px;
	padding-top: 60px;
	min-height: 300px;
}

div#ContentWrapper div#Content a
{
	color: #000;
	text-decoration: underline;
}
div#ContentWrapper div#Content a:hover{
	text-decoration: none;
}

div#ContentWrapper div#Content img
{
	margin: 15px;
	border: 1px solid #6F6D6D;
}

div#Content div.Tarief div
{
	border: 1px solid #C8C8C8;
	width: 100%;
	position: relative;
	padding: 15px 15px 35px 15px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 9px 5px 7px rgba(0, 0, 0, 0.05);
}


div#Content div#TariefEen div p
{
	background-color: #7FC38B;
}

div#Content div#TariefTwee div p
{
	background-color: #51B261;
}

div#Content div#TariefVier div p
{
	background-color: #00BE20;
}

div#Content div#TariefVijf div p
{
	background-color: #00E025;
}


/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}

div#Content div.Tarief div h2
{
	margin-top: 0;
}

div#Content div.Tarief div p
{
	color: #ffffff;
	background-color: #00A31B;
	margin-bottom: 0;
	text-align: center;
	font-size: 25px;
	margin-left: -15px;
	width: 100%;
	position: absolute;
	bottom: 0;
}

div#Content div.Tarief ul
{
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

div#Content div.Tarief ul li:before
{
	content: ' ';
	margin-right: 15px;
	width: 14px;
	height: 13px;
	background-image: url("/assets/img/form-icon-vink-green.gif");
  	display: inline-block;
}

div#Content div.Tarief ul li
{
	margin-bottom: 5px;
}


div#FooterWrapper
{
	background-color: #231f20;
}

div#FooterWrapper div#Footer
{
	padding-top: 30px;
	padding-bottom: 30px;
}

div#FooterWrapper div#Footer div.FooterBlock
{
	
	vertical-align: top;

}

div#OpeningHours li strong
{
	float: right;
	margin-right: 50px;
}

#MenuContent
{
	position: relative;
	z-index: 999;
}

div#FooterWrapper div#Footer div.FooterBlock ul
{
	list-style-type: none;
	margin:0;
	padding: 0;
}

div#FooterWrapper div#Footer div.FooterBlock a,
div#FooterWrapper div#Footer div.FooterBlock p,
div#FooterWrapper div#Footer div.FooterBlock li,
div#FooterWrapper div#Footer div.FooterBlock h3
{
	color: #777777;
}

div#ContactInformation
{
	
}

div#ContactInformation div.Left
{
	width: 500px;
	display: inline-block;
	vertical-align: top;
}

div#ContactInformation div.Right
{
	width: 400px;
	margin-left: 50px;
	display: inline-block;
	vertical-align: top;
}


@media(max-width:767px)
{
	
	
	div#MenuPart
	{
		width: 100%;
  		margin: 0;
  		margin-top: -1px;
	}
	
	div#MenuWrapper div#MenuContent div#PhonePart
	{
		margin-left: 15px;
	}
	
	div#MenuPart ul
	{
		margin: 0;
		padding: 0;
	}
	div#MenuWrapper div#MenuContent div#MenuPart ul li
	{
		display: block;
		margin: 0;
		text-align: center;	
	}
	
	div#FooterWrapper div#Footer
	{
		text-align: center;
	}
	
	div#FooterWrapper div#Footer div#OpeningHours ul
	{
		  max-width: 250px;
		  margin: 0 auto;
		  text-align: left;
	}
	
	div#OpeningHours li strong
	{
		margin-right: 0;
	}
	
	div#HeaderWrapper
	{
		height: 190px;
	}
	
	div#ContentWrapper div#Content img
	{
		  display: block;
		  width: 100% \9;
		  margin: 10px 0;
		  max-width: 100%;
		  height: auto;
	}
	
	div.Tarief{
		margin-bottom: 15px;
	}
	
	.row-eq-height {

	  display:         block;
	}
	
	
}
@media(min-width:768px)
{
	div#OpeningHours li strong
	{
		display: block;
		float: none;
	}
	
}
@media(min-width:992px)
{
	div#OpeningHours li strong
	{
		display: inline-block;
		  float: right;
  		margin-right: 50px;
	}
}
@media(min-width:1200px)
{
	
}


/**
 * COOKIE MESSAGE
 */
div#CookieMessage
{
	position: fixed;
	bottom: 0;
	left: 0;
	background-image: url("/assets/img/BlackFade.png");
	min-height: 40px;
	width: 100%;
}

div#CookieMessage p
{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #FFFFFF;
	line-height: 40px;
}

div#CookieMessage p a
{
	color: #FFFFFF;
}

div#CookieMessage a#AcceptCookies
{
	margin-left: 40px;
	margin-right: 40px;
	display: inline-block;
	width: 60px;
	height: 40px;
	background-color: #32DA1B;
	color: #FFFFFF;
}