/*	TRES INTERNET
	-------------
	CSS bestand vrijgegeven onder C.C. licentie:
	http://creativecommons.org/licenses/by-sa/3.0/nl/
*/
@import url("reset.css");
@import url("menu.css");
@import url("jcarousel.css");

/* -----------------------------
	1. TYPOGRAFIE
------------------------------*/
body{
	font: normal 11px/18px Verdana, Arial, sans-serif;
	color: #646464;
	}

div#tekst{
	line-height: 20px;
	color: #4b4b4b;
	}

p{
	padding: 0 0 10px;
	}

p.quote{
	width: 100%;
	text-align: center;
	font: normal 16px/24px Verdana, Arial, sans-serif;
	padding: 18px 0 5px;
	background: transparent url("../img/quote.png") left top no-repeat;
	}

p.center{
	width: 100%;
	text-align: center;
	padding: 0 0 10px;
	}

p.center a{
	text-decoration: none;
	}

strong{
	font-weight: bold;
	color: #333;
	}

em, i{
	font-style: italic;
	}

/*TITELS*/
h1{
	font: normal 22px/20px Tahoma, Arial, sans-serif;
	color: #4b4b4b;
	}

h2, h3, span.bulletsubtitlestyle{
	font: normal 16px/20px Tahoma, Arial, sans-serif;
	color: #4b4b4b;
	margin: 0 0 5px;
	position: relative;
	}

h1 strong, h2 strong, h3 strong{
	font-weight: bold;
	color: #94003b;
	}

div#tekst h2{
	padding-bottom: 2px;
	background: transparent url("../img/border.gif") left bottom repeat-x;
	clear: both;
	}

div#tekst table td h2{
	background: transparent;
	}

div#tekst div.casesBox h3{
	width: 625px;
	background: transparent url("../img/bg_titel.png") left top no-repeat;
	padding-left: 10px;
	height: 60px;
	line-height: 58px;
	}

div#sidebar div.casesBox h3{
	width: 315px;
	background: transparent url("../img/bg_titel2.png") left top no-repeat;
	padding-left: 10px;
	height: 60px;
	line-height: 58px;
	}

div.casesBox h1 strong, div.casesBox h2 strong, div.casesBox h3 strong{
	font-weight: bold;
	color: #4b4b4b;
	}

h5{
	font: normal 11px/16px Verdana, Arial, sans-serif;
	color: #94003b;
	}

/*OPSOMMINGEN*/
div#tekst ul{
	list-style-type: disc;
	margin: 0 0 20px;
	padding: 0 0 0 15px;
	}

	div#tekst ul.jcarousel-skin-cases1 li{
		padding: 0;
		}

div#tekst ol{
	list-style-type: decimal;
	margin: 0 0 20px;
	padding: 0 0 0 25px;
	}

	div#tekst ol li{
		padding: 0 0 0 10px;
		margin: 0;
		}


.bulletstyle{color: #94003b;}
.bullettextstyle{color: #4b4b4b;}

/*LINKS*/
a,
a:link,
a:visited{
	color: #94003b;
	text-decoration: underline;
	/*font-weight: bold;*/
	background: none;
	}

a:hover,
a:active{
	color: #5a3852;
	text-decoration: none;
	}

/*TABLE*/
table{
	margin-bottom: 20px;
	}

/*AFBEELDINGEN*/
div.afb_links,
div.afb_links2{
	float: left;
	display: inline;
	margin: 5px 20px 5px 0;
	}

div.afb_rechts,
div.afb_rechts2{
	float: right;
	display: inline;
	margin: 5px 0 5px 20px;
	}

div.afb_links table,
div.afb_rechts table,
div.afb_normaal table,
div.afb_links2 table,
div.afb_rechts2 table,
div.afb_normaal2 table{
	margin: 0;
	}

div.afb_links table span,
div.afb_rechts table span,
div.afb_normaal table span,
div.afb_links2 table span,
div.afb_rechts2 table span,
div.afb_normaal2 table span{
	display: block;
	width: 100%;
	text-align: center;
	}

div.afb_links img,
div.afb_rechts img,
div.afb_normaal img{
	border: 2px solid #cdc3cb;
	}

div.afb_links a img,
div.afb_rechts a img,
div.afb_normaal a img{
	border: 2px solid #d4e04c;
	}

div.afb_links a:hover img,
div.afb_links a:active img,
div.afb_rechts a:hover img,
div.afb_rechts a:active img,
div.afb_normaal a:hover img,
div.afb_normaal a:active img{
	border: 2px solid #94003b;
	}

div.afb_links2 a img,
div.afb_rechts2 a img,
div.afb_normaal2 a img{
	border: 0;
	}

div#sidebar div.afb_normaal img,
div#sidebar div.afb_normaal2 img{
	max-width: 318px;
	width: expression(document.geElementById('container').style.width > 318 ? "318px": "auto" );
	}

/*FORM*/
form table{
	margin-bottom: 40px;
	}

form table td{
	position: relative;
	}

form table label{
	position: absolute;
	float: left;
	width: 170px;
	/*text-align: right;*/
	margin: 0 30px 0 0;
	}

form table span.verplicht{
	color: #94003b;
	}

form table input,
form table textarea,
form table select{
	font: normal 11px/16px Verdana, Arial, sans-serif;
	border: 1px solid #fff;
	width: 391px;
	height: 16px;
	padding: 2px;
	margin: 0 0 2px 205px;
	color: #4b4b4b;
	}

form table textarea{
	height: 80px;
	resize: none;
	overflow: auto;
	}

form table select{
	width: 397px;
	height: 24px;
	cursor: pointer;
	}

form table input.radio,
form table input.checkbox{
	margin: 0 5px 0 205px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	}

form table input.submitbutton{
	outline: none;
	border: none;
	background: #d4e04c url("../img/bg_button.gif") left 50% repeat-x;
	width: auto;
	height: 24px;
	padding: 0 10px 3px;
	text-align: center;
	cursor: pointer;
	color: #646464;
	}

form table input.submitbutton:hover{
	background-position: left top;
	color: #5a3852;
	}

/*FORM - GOOGLE ROUTE*/
form#googlemaps{
	margin: 0;
	padding: 0;
	width: 180px;
	}

form#googlemaps input{
	font: normal 11px/16px Verdana, Arial, sans-serif;
	border: 1px solid #fff;
	height: 16px;
	padding: 2px;
	width: 180px;
	margin: 0 0 4px;
	}

form#googlemaps input.TextField{color: #ccc;}
form#googlemaps input.enabled{color: #646464;}

form#googlemaps input.button{
	outline: none;
	border: none;
	background: #d4e04c url("../img/bg_button.gif") left 50% repeat-x;
	width: 110px;
	height: 24px;
	padding: 0 10px 3px;
	text-align: center;
	cursor: pointer;
	color: #4b4b4b;
	}

form#googlemaps input.button:hover{
	background-position: left top;
	color: #5a3852;
	}

/*DATUM
--------------------------*/
div.date{
	float: right;
	display: inline;
	width: 48px;
	overflow: hidden;
	background: #fff;
	margin: 4px 0 10px 15px;
	text-align: center;
	border-bottom: 2px solid #cdc3cb;
	border-right: 2px solid #cdc3cb;
	}

	div.date div.month{
		float: left;
		display: inline;
		width: 100%;
		margin-bottom: 4px;
		background: #5a3852;
		color: #fff;
		}

	div.date div.day{
		width: 100%;
		font-size: 24px;
		font-weight: bold;
		text-align: center;
		margin: 0 auto;
		letter-spacing: -1px;
		color: #777;
		}

	div.date div.year{
		clear: both;
		width: 100%;
		font-size: 9px;
		font-weight: bold;
		color: #999;
		margin: 0;
		}

/*COLLAPSE
--------------------------*/
div.collapse {
	display: block;
	float: left;
	width: 100%;
}

span.trigger{
	float: left;
	display: inline;
	margin: 0;
	padding: 0;
	}

	span.trigger a,
	span.trigger a:link,
	span.trigger a:visited{
		color: #5a3852;
		text-decoration: none;
		display: block;
		text-align: left;
		margin-bottom: 4px;
		height: 16px;
		line-height: 16px;
		padding-left: 20px;
		background: transparent url("../img/toggle.gif") left top no-repeat;
		}

	span.trigger a:hover{ background-position: left -16px; color: #94003b;}
	span.active a, span.active a:link, span.active a:visited{background-position: left -32px;}
	span.active a:hover{background-position: left -48px;}

div.toggle_container{
	margin: 0;
	padding: 0;
	width: 620px;
	clear: both;
	}

	div.toggle_container .block{
		padding: 0 0 0 20px;
		margin-bottom: 20px;
		}

		div.toggle_container .block p,
		div.toggle_container .block ul,
		div.toggle_container .block ol,
		div.toggle_container .block table{
			padding: 0;
			margin: 0;
			}

span.lees_meer{
	float: none;
}

	span.lees_meer a,
	span.lees_meer a:link,
	span.lees_meer a:visited{
		display: inline-block;
		padding: 0 0 0 20px;
		vertical-align:middle;
		}

div.lees_meer_container{
	margin-top: 10px;
	}

/*TAGCLOUD
--------------------------*/
div#tagcloud{
	float: left;
	display: inline;
	clear: both;
	width: 600px;
	margin: 10px 200px 0 20px;
	padding: 0 0 20px;
	color: #333;
	font: normal 14px/28px verdana, arial, geneva, sans-serif;
	text-align: center;
	}

	body#home div#tagcloud{
		width: 600px;
		margin: 0 0 0 20px;
		}

	div#tagcloud a.tag1{ font-size: 12px; /*font-weight: 100;*/}
	div#tagcloud a.tag2{ font-size: 16px; /*font-weight: 200;*/}
	div#tagcloud a.tag3{ font-size: 18px; /*font-weight: 400;*/}
	div#tagcloud a.tag4{ font-size: 20px; /*font-weight: 600;*/}
	div#tagcloud a.tag5{ font-size: 22px; /*font-weight: 800;*/}

	div#tagcloud a,
	div#tagcloud a:link,
	div#tagcloud a:visited,
	div#tagcloud a.rood,
	div#tagcloud a.rood:link,
	div#tagcloud a.rood:visited,
	div#tagcloud a.groen,
	div#tagcloud a.groen:link,
	div#tagcloud a.groen:visited{
		color: #646464;
		font-weight: normal;
		text-decoration: none;
		white-space: nowrap;
		cursor: pointer;
		}

	div#tagcloud a.groen,
	div#tagcloud a.groen:link,
	div#tagcloud a.groen:visited{
		color: #d4e04c;
		}

	div#tagcloud a.rood,
	div#tagcloud a.rood:link,
	div#tagcloud a.rood:visited{
		color: #94003b;
		}

	div#tagcloud a:hover,
	div#tagcloud a:active,
	div#tagcloud a.rood:hover,
	div#tagcloud a.rood:active,
	div#tagcloud a.groen:hover,
	div#tagcloud a.groen:active{
		color: #5a3852;
		text-decoration: none;
		}

/*BROWSER
--------------------------*/
ul.browser{
	list-style: none;
	margin: 0;
	padding: 0;}

	ul.browser li{
		list-style: none;
		margin: 0 0 5px;
		padding: 2px 0;
		line-height: 16px;
		}

		ul.browser li a,
		ul.browser li a:link,
		ul.browser li a:visited{
			padding: 2px 0 2px 20px;
			color: #333;
			font-weight: normal;
			text-decoration: none;
			}

		ul.browser li a:hover,
		ul.browser li a:active{
			color: #94003b;
			font-weight: bold;
			text-decoration: none;
			}

		ul.browser li.iexplorer a{ background: transparent url("../img/ie.gif") left 1px no-repeat;}
		ul.browser li.firefox a{   background: transparent url("../img/firefox.gif") left 1px no-repeat;}
		ul.browser li.safari a{    background: transparent url("../img/safari.gif") left 0 no-repeat;}
		ul.browser li.chrome a{    background: transparent url("../img/chrome.gif") left 0 no-repeat;}

/*SITEMAP
--------------------------*/
ul.sitemap{
	margin: 0;
	padding: 0;
	}

	ul.sitemap li{
		padding: 0 0 0 15px;
		margin: 0;
		list-style: none;
		background: transparent url("../img/sitemap.gif") left 4px no-repeat;
		}

		ul.sitemap li a,
		ul.sitemap li a:link,
		ul.sitemap li a:visited{
			text-decoration: none;
			font-weight: bold;
			color: #333
			}

		ul.sitemap li a:hover,
		ul.sitemap li a:active{
			color: #94003b;
			font-weight: bold;
			}

		ul.sitemap li.sub{
			margin-left: 20px;
			}

			ul.sitemap li.sub a,
			ul.sitemap li.sub a:link,
			ul.sitemap li.sub a:visited{
				text-decoration: none;
				font-weight: normal;
				color: #333
				}

			ul.sitemap li.sub a:hover,
			ul.sitemap li.sub a:active{
				color: #94003b;
				}

			ul.sitemap li.subsub{
				margin-left: 40px;
				}

				ul.sitemap li.subsub a,
				ul.sitemap li.subsub a:link,
				ul.sitemap li.subsub a:visited{
					text-decoration: none;
					font-weight: normal;
					color: #333
					}

				ul.sitemap li.subsub a:hover,
				ul.sitemap li.subsub a:active{
					color: #94003b;
					}

/*TICKER
--------------------------*/
.tickercontainer{
	width: 655px;
	height: 27px;
	margin: 0 0 20px;
	padding: 0
	overflow: hidden;
	}

	.tickercontainer .mask{
		position: relative;
		left:0;
		top: 8px;
		width: 655px;
		overflow: hidden;
		}

		ul.newsticker{
			position: relative;
			left: 150px;
			font: bold 10px Verdana;
			list-style-type: none;
			margin: 0;
			padding: 0;
			}

			ul.newsticker li {
				float: left;
				display: inline;
				margin: 0;
				padding: 0;
				list-style: none;
				}

				ul.newsticker li a,
				ul.newsticker li a:link,
				ul.newsticker li a:visited{
					display: block;
					white-space: nowrap;
					padding: 0;
					color: #d4e04c;
					font: bold 10px Verdana, Arial, sans-serif;
					text-decoration: none;
					margin: 0 20px 0 0;
					padding: 0 0 0 10px;
					background: transparent url("../img/ticker.gif") left 4px no-repeat;
					}

				ul.newsticker li a:hover,
				ul.newsticker li a:active{
					color: #fff;
					}

/* -----------------------------
	2. LAYOUT
------------------------------*/
body{
	background: #f5f5f5 url("../img/bg.png") left top repeat-x;}

/*HEADER*/
div#header{
	height: 350px;
	width: 100%;
	min-width: 1000px;
	text-align: center;
	margin: 0;
	padding: 0;
	background: transparent url("../img/bg_header.png") 50% top no-repeat;
	}

body#home div#header{
	height: 390px;
	}

	div#hd_box{
		width: 1000px;
		height: 350px;
		margin: 0 auto;
		}

	body#home div#hd_bpx{
		height: 390px;
		}

		div#logo{
			float: left;
			display: inline;
			width: 250px;
			height: 120px;
			background: transparent url("../img/logo-new02.png") left top no-repeat;
			}

			div#logo a{
				float: left;
				display: block;
				margin: 18px 0 0 50px;
				width: 150px;
				height: 75px;
				text-decoration: none;
				}

		body#pagina div#header_img{
			position: relative;
			clear: both;
			height: 230px;
			width: 1000px;
			background: #000;
			overflow: hidden;
			}

		body#home div#header_img{
			position: relative;
			clear: both;
			height: 270px;
			width: 1000px;
			background: #000;
			overflow: hidden;
			}

			body#pagina div#header_img div#header_imgOverlay{
				position: absolute;
				z-index: 10;
				left: 0;
				top: 0;
				height: 230px;
				width: 1000px;
				background: transparent url("../img/imgOverlay_vervolg.png") left top no-repeat;
				}

			body#home div#header_img div#header_imgOverlay{
				position: absolute;
				z-index: 10;
				left: 0;
				top: 0;
				height: 270px;
				width: 1000px;
				background: transparent url("../img/imgOverlay_home.png") left top no-repeat;
				}

			body#pagina div.slideshow div.headerafbeelding,
			body#pagina div.slideshow{
				width: 1000px;
				height: 230px;
				}

			body#home div.slideshow div.headerafbeelding,
			body#home div.slideshow{
				width: 1000px;
				height: 270px;
				}


/*CONTAINER*/
div#container{
	width:1000px;
	margin:0 auto;
	}

body#home div#container{
	background: transparent url("../img/bg_home.gif") left top no-repeat;
	}

	/*CONTENT*/
	div#content{
		float:left;
		display: inline;
		width:635px;
		}

		div#titel{
			margin: 5px 0 0 15px;
			}

		div#tekst{
			margin: 0 0 10px 15px;
			}

		body#home div#tekst{margin: 0;}

			div#breadcrumb{
				position: relative;
				top: -4px;
				font-size: 9px;
				color: #b8b8b8;
				}

				div#breadcrumb a,
				div#breadcrumb a:link,
				div#breadcrumb a:visited{
					color: #b8b8b8;
					text-decoration: none;
					font-weight: normal;
					}

				div#breadcrumb a:hover,
				div#breadcrumb a:active{
					color: #94003b;
					text-decoration: none;
					font-weight: normal;
					}

	/*SIDEBAR*/
	div#sidebar{
		float:right;
		display:inline;
		width:325px;
		position: relative;
		z-index: 999;
		}

		div#sidebar div.box{
			/*position: relative;
			top: -50px;*/
			margin: 0 0 20px;
			}

		body#home div#sidebar div.box{
			position: relative;
			top: -30px;
			left: -20px;
			}

		div#sidebar div.box div.flashcontact{
			width: 325px;
			height: 175px;
			background: transparent left top no-repeat;
			position: relative;
			z-index: 50;
			overflow: hidden;
			}

		body#home div#sidebar div.box div.flashcontact{
			width: 340px;
			height: 175px;
			}

	/*FOOTER*/
	div#footer{
		clear: both;
		width:100%;
		height: 100px;
		margin-bottom: 20px;
		overflow: hidden;
		background: transparent url("../img/footer.png") left top no-repeat;
		color: #8a8888;
		}

	body#home div#footer{
		position: relative;
		top: -20px;
		}

		div#footer ul{
			float: right;
			display: inline;
			width: 600px;
			margin: 50px 0;
			text-align: right;
			}

			div#footer ul li{
				display: inline;
				margin: 0 0 0 5px;
				}

				div#footer ul li a,
				div#footer ul li a:link,
				div#footer ul li a:visited{
					border-right: 1px solid #8a8888;
					padding: 0 7px 0 0;
					font-weight: normal;
					text-decoration: none;
					color: #8a8888;
					text-transform: lowercase;
					}

				div#footer ul li a:hover,
				div#footer ul li a:active{
					color: #5a3852;
					text-decoration: underline;
					}


/* -----------------------------
	3. ZOEKEN
------------------------------*/
div#zoeken{
	position:absolute;
	top: 0;
	left: 50%;
	z-index: 9999999;
	margin-left: 260px;
	width: 230px;
	background: transparent url("../img/bgZoekbtn.png") 155px bottom no-repeat;
	}

	div#zoeken div#panel {
		background: transparent url("../img/bgZoeken.png") left top no-repeat;
		height: 55px;
		display: none;
		}

		div#zoeken form{
			width: 200px;
			height: 60px;
			padding: 12px 10px 10px 20px;
			}

			div#zoeken form input{
				float: left;
				display: inline;
				}

			div#zoeken form input.zoeken{
				font: normal 11px/16px Verdana, Arial, sans-serif;
				border: 1px solid #fff;
				width: 150px;
				height: 16px;
				padding: 2px;
				margin: 0 0 2px;
				color: #4b4b4b;
				}

			div#zoeken form input.zoekBtn{
				font: normal 11px/1px Verdana, Arial, sans-serif;
				background: #d4e04c url("../img/zoekBtn2.gif") 50% no-repeat;
				width: 22px;
				height: 22px;
				padding: 2px;
				margin: 0 0 2px;
				color: #4b4b4b;
				outline: none;
				border: none;
				cursor: pointer;
				}

	div#zoeken a.btn-slide,
	div#zoeken a.btn-slide:link,
	div#zoeken a.btn-slide:visited,
	div#zoeken a.btn-slide:focus,
	div#zoeken a.btn-slide:active{
		position: relative;
		z-index: 9999999999;
		float: right;
		display: inline;
		height: 28px;
		width: 50px;
		margin: 2px 24px;
		text-indent: -1000px;
		outline: none;
		background: transparent url("../img/zoekBtn.gif") 50% top no-repeat;
		}

	div#zoeken a.btn-slide:hover{
		background: transparent url("../img/zoekBtn.gif") 50% -40px no-repeat;
		}

ul.nieuwsarchief{
	background: url('../img/bg_nieuwsarchief.png');
	position: relative;
	left: -15px;
	top: -15px;
	width: 620px;
	margin: 0;
	padding: 0;
}

ul.nieuwsarchief li{
	list-style: none;
	padding: 10px 10px 0 10px;
	clear: both;
	overflow: hidden;
}

ul.nieuwsarchief span{
	display: block;
	float: left;
	width: 455px;
}

ul.nieuwsarchief li img{

}

ul.nieuwsarchief li a.image{
	float: left;
	display: inline;
	position: relative;
	margin: 0 10px 0 0;
}

ul.nieuwsarchief li a.image div{
	position: absolute;
	z-index: 2;
	left: 25;
	top: 10;
	width: 136px;
	height: 95px;
	cursor: pointer;
	background: transparent url("../img/cases_overlay.png") left top no-repeat;
}

ul.nieuwsarchief li span a{
	background: #FFFFFF;
	border: 1px solid #EEEEEE;
	color: #94003B;
	padding: 0 4px;
	text-decoration: none;
}

ul.nieuwsarchief li span a:hover{
	background: #5A3852;
	color: #FFFFFF;
	text-decoration: none;
}


/* CONTACT */
div.contactBlock {
	position: relative; top: -30px; left: -20px;
	height: 175px; width: 336px;
	overflow: hidden;
}

body#pagina div.contactBlock {
	position: relative; top: 10px; left: -2px;
	height: 175px; width: 336px; margin: 0 0 20px;
	overflow: hidden;
}

	a.flip {
		position: absolute; bottom: 9px; right: 11px;
		width: 38px; height: 60px;
		display: block;
	}
	div.contactBlock div.front {
		height: 175px; width: 336px;
		background: url("../images/backgroundFormulier.png") left top no-repeat;
		position: relative;
	}
	div.contactBlock div.back {
		height: 175px; width: 336px;
		background: url("../images/backgroundContact.png") left top no-repeat;
		display: none;
		position: relative;
	}
	div.contactBlock div.contactContent {
		padding: 2px 0 0 3px;
		background: url("../images/backgroundContent.png") left top no-repeat;
		height: 175px; width: 336px;
	}
		div.contactBlock div.back div.contactContent {
			padding: 7px 0 0 12px;
		}
		div.contactBlock div.contactImage {
			width: 150px;
			float: left;
		}
		div.contactBlock div.content {
			width: 170px; padding: 10px 0 0 0;
			float: left;
		}
			div.contactBlock div.title {
				color: #646464;
				font-size: 16px;
				margin: 0 0 5px 0;
			}
			div.contactBlock div.title strong {
				color: #94003b;
			}
			div.contactBlock div.content p {
				font-size: 10px;
			}

	div.contactBlock form input, div.contactBlock form textarea {
		border: 1px solid #cecece;
		margin: 0 0 5px 0;
	}

	div.contactBlock form input{
		width: 122px !important;
	}

	div.contactBlock form input.button{
		float: left; display: inline;
		outline: none;
		border: none;
		background: #d4e04c url("../img/bg_button.gif") left 50% repeat-x;
		width: 124px !important;
		padding: 3px 10px 4px;
		text-align: center;
		cursor: pointer; font-size: 13px;
		color: #666;
		}

	div.contactBlock form input.button:hover{
		background-position: left top;
		color: #5a3852;
	}
	div.contactBlock .submitbutton {
		margin: 0 0 0 110px;
	}

	div.contactBlock label {
		width: 80px;
		position: static;
	}
	div.contactBlock input, div.contactBlock textarea {
		width: 175px;
	}
		div.contactBlock div.front input {
			width: 120px;
		}
	div.contactBlock textarea {
		height: 35px;
	}