/*
//  Algemeen
*/

body, html, div,
table, tr, td,
select, input, textarea, h1, h2
{
	margin:0px;
	padding:0px;
	
	font-size: 12px;
	font-family: Helvetica, Arial, Helvetica;
	font-weight:normal;
}

body, html
{
	width: 100%;
}

body
{
	overflow-y:scroll;
	background-color:#fff;
}

div, p, td, th
{
	position:relative;
}

ul.menu
{
	padding:0px;
	margin:0px;
	list-style-type:none;
}

a
{
	text-decoration:none;
	color:inherit;
}

a:hover
{
}

a img
{
	border:0px;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.bigger
{
	font-size:1.2em;
}

.smaller
{
	font-size:0.8em;
}

.rechts
{
	position:absolute;
	right:0px;
}

.onder
{
	position:absolute;
	bottom:0px;
}

.emphasize
{
	font-weight:bold;
}

.underline
{
	text-decoration:underline;
	color:#1588B2;
}


.active
{
	cursor:pointer;
}

.italic
{
	font-style:italic;
}


/*
//  Main Structure
*/

.main-container
{
	width:800px;
		
	margin:auto;
	background-color:#fff;
	
	border-width:0px 1px;
	border-style:solid;
	border-color:#dfdfdf;
}

.center-wrapper
{
	width:960px;
	margin:auto;
}

/*
//  Top
*/

.top-container
{
	width:auto;
	padding:0px 16px;
	height:75px;
	--background-color:#383838;
	background:url(/Content/Image/top-background.jpg) top left repeat-x;
}

.top-container .logo
{
	position:absolute;
	top:10px;	
}

.top-container .logo a:hover,
.top-container .logo a
{
	background:none;
}


.top-container .logo img
{
}

.top-menu
{
	position:absolute;
	top:20px;
	right:0px;
}

.top-menu li
{
	float:right;
	line-height:20px;
	margin-left:4px;
	color:#fff;
}

.top-menu li img
{
	height:20px;
}

.top-menu li a
{
	padding:2px;
	font-weight:normal;
	font-size:1em;
	background-color:transparent;
	color:#fff;
}

.top-menu li a:hover
{
}

/*
//  Menu
*/

.main-menu
{
	background-color:#efefef;
	color:#000;
	height:28px;
	border-bottom:1px solid #000;
}

.main-menu ul.menu
{
	display:block;
	width:auto;
	height:28px;
	background-color:#efefef;
}

.main-menu li
{
	float:left;
	margin-right:8px;
	line-height:28px;
}

.main-menu li a
{
	background-color:#efefef;
	color:#000;
	font-weight:normal;
	font-size:1em;
	padding:4px 8px 2px 8px;
	--border-bottom:4px solid #1588B2;
}

.main-menu li a:hover
{
	border-bottom:4px solid #8EB4CC;
}


/*
//  Content
*/

.content-container
{
	clear:both;
	width:100%;
	margin:auto;
	background: url(/Content/Image/background4.jpg) repeat-x;
	background-color:#fff;
}

.content-container a:hover
{
	text-decoration:underline;
}

.content-container .bottom-background
{
	position:absolute;
	bottom:0px;
	left:0px;
	height:150px;
	width:100%;
	background: url(/Content/Image/bottom-background.jpg) top left repeat-x;
	z-index:0;
}


.content-container .highlight
{
}

.content-container .highlight .title,
.content-container .title
{
	color:#1588B2;
	font-size:1.3em;
}

div h1.title
{
	border-bottom:1px dotted #999;
	padding-bottom:4px;
}

.content-container .highlight p.content
{
	color:#000;
}

.content-container .center-wrapper
{
		background-color:#fff;
		padding:0px 16px;
		padding-bottom:16px;
}

.content-container p.content
{
	line-height:18px;
}


/*
// Highlights & werkvelden
*/

.highlights,
.werkvelden
{
	margin:16px auto;
	clear:both;
	min-height:200px;
	z-index:100;
	width:auto;
}

.werkvelden
{
	margin-top:0px;
	padding-top:16px;
	margin-bottom:0px;
}

.highlight
{
	width:32%;
	float:left;
	margin-left:2%;	
}

.werkveld
{
	width:185px;
	float:left;
	margin-left:16px;
}

.highlights .first,
.werkvelden .first
{
	margin-left:0px !important;
}

.highlight p
{
	margin:0px;
	margin-bottom:16px;
}

.werkveld p
{
	margin:0px;
	width:auto;
}

.highlight .title,
.werkveld .title
{
	font-size:1.2em;
}

.werkveld .title
{
	font-weight:normal;
	color:#fff !important;
	padding:16px 0px;
	text-align:center;
}


.highlight p.afbeelding
{
	min-height:175px;
}

.highlight p.content,
.werkveld p.content

{
	text-align:left;
	font-size:1em;
}

.werkveld .content
{
	margin-top:0px;
	padding:16px;
}



.highlight p.lees-meer
{
}

.highlight p.lees-meer a,
.werkveld p.lees-meer a

{
	padding:2px 4px;
}

.werkveld p.lees-meer
{
	position:absolute;
	right:16px;
	bottom:-8px;
	display:none;
}

.werkveld p.lees-meer a
{
	background-color:#000;
	color:#fff;
}

.werkveld p.lees-meer a:hover
{
	background-color:#629fb7;
}

.werkveld br
{
	line-height:15px;
}


.werkveld .groen
{
	background-color:#A6C90D;
	color:#fff;
}

.werkveld .lichtgroen
{
	background-color:#E8F1C2;
}

.werkveld .lichtgroen .emphasize
{
	color:#839E0B;
	font-weight:bold;
}

.werkveld .blauw
{
	background-color:#2BC6FF;
	color:#fff;
}

.werkveld .lichtblauw
{
	background-color:#B5EBFF;
}

.werkveld .lichtblauw .emphasize
{
	color:#2092BC;
	font-weight:bold;
}

.werkveld .grijs
{
	background-color:#272C32;
	color:#fff;
}

.werkveld .lichtgrijs
{
	background-color:#C5C6C8;
}

.werkveld .lichtgrijs .emphasize
{
	color:#272C32;
	font-weight:bold;
}

.werkveld .lichtgrijs a
{
	text-decoration:underline;
}

.werkveld .oranje
{
	background-color:#FF850C;
	color:#fff;
}

.werkveld .lichtoranje
{
	background-color:#FFD6B2;
}

.werkveld .lichtoranje .emphasize
{
	color:#D36B0A;
	font-weight:bold;
}



/*
// Banner
*/

.banner-container
{
	width:auto;
	padding-top:4px;
}

.banner-container h1, 
.banner-container h2
{
	padding-top:8px;
}

.banner
{
	width:auto;
	height:200px;
	
	padding:12px 0px 16px 0px;
	overflow:hidden;
	background-color:#fff;
}

.banner img
{
	width:100%;
	height:100%;
	border-top:4px solid #efefef;
	border-bottom:4px solid #efefef;		
}

.banner-content
{
	position:absolute;
	left:0px;
	top:0px;
	width:auto;
	padding:16px;
}

.banner-content .emphasize
{
	color:#fff;
	background-color:#000;
	font-size:1.3em;
	padding:4px;
	font-weight:bold;
}

/*
//  Footer
*/

.footer-container
{
	width:auto;
	padding:0px;
	padding-top:8px;
	--background-color: #313131;	
	background:url(/Content/Image/bottom-background.jpg) top left repeat-x;
	padding-bottom:8px;
	border-top:8px solid #000;
	--border-bottom:8px solid #000;
	color:#fff;
}

.footer-container a:hover
{
	text-decoration:underline;
}

.footer-container .center-wrapper
{
		background-color:transparent;	
}

.footer-container .highlights
{
	clear:both;
	background-color: transparent;
	padding-top:12px;
	margin-top:0px;
	margin-bottom:0px;
	min-height:70px;
}

.footer-container .highlight
{
  width:300px !important;
}

.footer-container .highlight .title
{
	color:#8EB4CC;
	font-size:1.3em;
	font-weight:normal;
	text-align:left;
}

.footer-container .highlight p.content
{
	color:#fff;
	text-align:left;
}

.footer-container .highlight p.content a
{
	text-decoration:underline;
}

.footer-container .emphasize
{
	background-color:#fff;
	color:#000;
	font-weight:bold;
	padding:1px 2px;
}

.footer-container .slogan
{
	color:#8EB4CC;
	font-size:1.3em;
	margin-bottom:8px;
	font-weight:bold;
	--background-color:#efefef;
	text-align:right;
}

/*
// Contactpagina
*/

.googlemaps
{
	position:absolute;
	height:400px;
	right:0px;
	top:8px;
}

.kaartjes
{
	margin-top:16px;
}

.kaartjes img
{
	margin-right:16px;
}

/*
// Contactpagina
*/
h2.nieuws-item
{
	margin:0px;
	padding:0px;
	color:#1588B2;
	font-size:1.2em;
}

p.nieuws-details,
p.nieuws-teaser
{
	margin:0px;
	padding:0px;
	line-height:18px;
}

p.nieuws-details
{
	font-size:0.8em;
	color:#999;
	margin-bottom:8px;
}

p.nieuws-teaser
{
	margin-bottom:16px;
}

.nieuws-container
{
	width:auto;
	padding-top:4px;
}

.nieuws-container .content
{
	margin-top:0px;
	line-height:18px;
	padding-top:0px;
}

.nieuws-container h1
{
	margin:16px 0px;
	font-weight:normal;
}

.nieuws-container h2
{
	font-size:1.2em;
	margin:8px 0px 0px 0px !important;
	color:#999;
}

.hardcopy-download
{
	position:absolute;
	top:24px;
	right:0px;
	text-align:right;
	width:auto;
	height:20px;
}

.hardcopy-download .pdf
{
	display:inline-block;
	line-height:20px;	
	height:20px;
	background:url(/Content/Image/pdf-logo.gif) top left no-repeat;
	padding-left:30px;
	color:#999;
	font-size:0.8em;
}

.logos
{
	text-align:center;
	height:120px;
}

.logos img
{
	margin-right:32px;
}

#webshop-button
{
  position:absolute;
  right:20px;
  top:220px;
  width:150px;
  height:35px;
  line-height:35px;

	font-size: 14px;
	color: #ffffff;
	background-color:#f60;
	background: -moz-linear-gradient(
		top,
		#ff8400 0%,
		#8f3c04);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#ff8400),
		to(#8f3c04));
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	
	cursor: pointer;
}