@charset "UTF-8";
/*---------------------------------------------------------------------
* Bestandsnaam: style.css
* Versie: 1.0.0 (18-12-2008)

* Om hover acties toe te passen gebruik je de volgende regel op het juiste element:
behavior:url("/htc/csshover.htc");
		
* Om .png bestanden als achtergrond te gebruiken in CSS en ze in IE 6 goed weer te geven je de volgende regel op het juiste element:
behavior:url("/htc/iepngfix.htc");
---------------------------------------------------------------------*/

/*//////////////////////////////////////////////////
     
	 ALGEMEEN
__________________________________________________*/	 
.clr {
	clear: both;
}

img, .content_right_vlak_top, .content_right_vlak_bottom, .content_right_vlak	{
	behavior: url('/htc/iepngfix.htc');
}

.flt_rgt {
	float: right;
}

.flt_lft {
	float: left;
}

a {
	color: #000000;
	letter-spacing: 1px;
	text-decoration: none;
}

.datum {
	font-style: italic;
	color: #dddddd;
	display: block;
	margin: 0 0 -15px 0;
}

.kader {
	background-color: #444444;
	padding: 10px 10px 10px 10px;
	display: block;
	margin: 0 0 14px 0;
	border: 1px solid #FFFFFF;
}

.kader strong {
	font-size: 14px !important;
}

a:hover {
	text-decoration: underline;
}

#map {
	width: 500px !important;
	height: 320px;
	border: 4px solid #FFFFFF;
	float: left;
}

#directions {
	float: left;
	width: 400px;
	margin: 0 0 0 20px;
}

#map span {
	display: none;
}

.adres {
	color: #000000;
}

.route {
	color: #000000;
}

.contact_left {
	float: left;
	width: 200px;
}

.contact_right {
	clear: both;
}

/*//////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////
     
	 GLOBALE PAGINA OPMAAK
__________________________________________________*/	 

body {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
	background-color: #000000;
	background-repeat: repeat-y;
	background-position: top center;
	background-image: url('/img/body_back-2.jpg');
	*background-image: url('/img/body_back-2.jpg');
	_background-image: url('/img/body_back.jpg');
	behavior: url('/htc/csshover.htc');
}

html {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	width: 100%;
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -107px; /* the bottom margin is the negative value of the footer's height */
	background-image: url('/img/header_fill-1.jpg');
	background-repeat: repeat-x;
}

#footer {
	background-image: url('/img/footer_fill.jpg');
	background-repeat: repeat-x;
	height: 106px;
	padding: 1px 0 0 0;
	width: 100%;
	text-align: center;
}

#footer_border {
	width: 100%;
	height: 1px;
	background-color: #333333;
	_line-height: 0px;
	_font-size: 0px;
}

#push {
	height: 107px; /* .push must be the same height as .footer */
}

#container {
	width: 1000px;
	margin: 0 auto;
	background-image: url('/img/content_back.gif');
	background-repeat: no-repeat;
	min-height: 660px;
	_height: 660px;
}

#header {
	width: 100%;
	height: 125px;
}

#logo {
	float: left;
	height: 122px;
	width: 402px;
}

#logo a, #logo img {
	border: 0 !important;
}

#quote {
	float: right;
	width: 550px;
	height: 124px;
	text-align: right;
	font-family: sans-serif;
	font-size: 14px;
	color: #333333;
	line-height: 28px;
	font-style: italic;
	padding: 0 10px 0 0;
	letter-spacing: 0.5px;
}

.slider {
	width: 550px;
}

#quote h3 {
	font-style: normal;
	font-weight: bold;
	font-size: 18px;
	font-family: Times New Roman;
	margin: 0 0 10px 0;
	letter-spacing: 1px;
}

#content_top {
	width: 950px;
	padding: 23px 0 0 0;
	*padding: 53px 0 0 0;
	_padding: 53px 0 0 0;
	margin: 0 auto;
	border-bottom: 1px solid #838383;
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
	clear: both;
}

#content_top a {
	color: #000000;
	letter-spacing: 1px;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
}

#content_top a:hover {
	text-decoration: underline;
}

#content_top_text {
	width: 100%;
}

#content_top_img {
	float: right;
	margin: 0 0 10px 20px;
}

.content_text {
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
	margin: 0 0 30px 0 !important;
}

.content_text strong {
	font-size: 13px;
}

.content_text a {
	color: #000000;
	letter-spacing: 1px;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
}

.content_text a:hover {
	text-decoration: underline;
}

#adres {
	position: absolute;
	text-align: center;
	width: 100%;
	margin: -15px 0 0 0;
	font-family: sans-serif;
	font-size: 11px;
	letter-spacing: 0.5px;
	color: #8e8e8e;
}

#adres a {
	text-decoration: none;
	color: #8e8e8e;
}

#adres a:hover {
	text-decoration: underline;
}

#content_left {
	width: 572px;
	margin: 20px 0 0 0;
	padding: 0 0 0 28px;
	float: left;
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
	*width: 525px !important;
}


.content_left_img {
	float: right;
	margin: 0 0 0 15px;
}

#content_left a, .dienst_content a {
	color: #000000;
	letter-spacing: 1px;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
}

#content_left a:hover {
	text-decoration: underline;
}

.dienst {
	margin: 0 0 30px 0;
	width: 550px;
}

.dienst_content {
	margin: 10px 0 50px 0;
	
}

#content_right {
	float: left;
	margin: 20px 0 0 50px;
	width: 325px;
	*float: right !important;
	*margin: 20px 20px 0 20px !important;
}

#content_right .content_text .content_img {
	*margin: 0 10px 10px 0;
}

.content_right_vlak {
	width: 295px;
	background-image: url('/img/white_fill.png');
	background-repeat: repeat;
	padding: 8px 15px 8px 15px;
	color: #FFFFFF;
	font-family: sans-serif;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1px;
}

.content_right_vlak h3 {
	font-size: 12px !important;
	font-family: Times New Roman;
	color: #FFFFFF;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}

.content_right_vlak ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

.content_right_vlak_top {
	width: 100%;
	height: 6px;
	background-image: url('/img/vlak_top.png');
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
}

.content_right_vlak_bottom {
	width: 100%;
	height: 6px;
	background-image: url('/img/vlak_bottom.png');
	background-repeat: no-repeat;
	font-size: 0px;
	line-height: 0px;
	margin: 0 0 10px 0;
}

#logos {
	margin: 5px 0 5px 0;
}

#logos a {
	border: 0;
}

#logos img {
	border: 0;
	margin: 0 14px 0 14px;
}

#content_img {
	margin: 32px 0 0 -1px;
	_margin: 2px 0 0 0;
	height: 294px;
	width: 1000px;
	line-height: 0;
	font-size: 0;
	border-bottom: 2px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#content_img2 {
	margin: 32px 0 0 -1px;
	_margin: 30px 0 0 0;
	height: 130px;
	width: 1000px;
	line-height: 0;
	font-size: 0;
	border-bottom: 2px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

#content_img_home {
	margin: 32px 0 0 -1px;
	_margin: 2px 0 0 0;
	height: 0px;
	width: 1000px;
	line-height: 0;
	font-size: 0;
}

#content {
	width: 940px;
	margin: 20px 0 0 0;
	padding: 0 0 0 28px;
	float: left;
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
}

#content_left {
	width: 560px;
	margin: 20px 0 0 0;
	padding: 0 0 0 28px;
	float: left;
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
	float: left;
}

#content_right {
	float: left;
}

.dienst_content_img {
	float: right;
	margin: 0 0 0 15px;
}

#content a, #content_left a {
	color: #000000;
	letter-spacing: 1px;
	font-style: italic;
	text-decoration: none;
	font-weight: bold;
}

#content a:hover, #content_left a:hover {
	text-decoration: underline;
}

.content_img {
	float: right;
	margin: 0 0 0 20px;
}

/*//////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////
     
	 HOOFDMENU
__________________________________________________*/	 

#hoofdmenu {
	width: 100%;
	height: 31px;
	background-image: url('/img/menu_fill.jpg');
	background-repeat: repeat-x;
	_margin: -3px 0 0 0;
	_position: absolute;
}

#hoofdmenu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#hoofdmenu ul li {
	float: left;
	width: 125px;
	height: 31px;
	_width: 122px;
}

#hoofdmenu ul li a {
	display: inline;
	width: 125px;
	_width: 122px;
	height: 21px;
	text-align: center;
	float: left;
	font-family: sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-image: url('/img/menu_back.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	padding: 10px 0 0 0;
	text-decoration: none;
	letter-spacing: 0.5px;
}

#hoofdmenu ul li a:hover {
	background-image: url('/img/menu_hover.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}

#hoofdmenu ul li ul {
	display: none;
	position: relative;
	z-index: 1000 !important;
	background-color: #000000;
}

#hoofdmenu ul li:hover ul {
	display: block;
	_position: relative;
}

#hoofdmenu ul li ul li {
	background-color: #000000;
	padding: 2px 10px 2px 10px;
}

#hoofdmenu ul li ul li a {
	background-image: none !important;
	text-align: left;
}

#hoofdmenu ul li ul li:hover {
	background-color: #333333;
}

/*//////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////
     
	 FOOTERMENU
__________________________________________________*/	 

#footermenu {
	width: 720px;
	margin: 0 auto;
	padding: 20px 0px 0 0px;
}

#footermenu ul {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	list-style: none;
}

#footermenu ul li {
	display: block;
	float: left;
}

#footermenu ul li a {
	display: block;
	text-align: center;
	float: left;
	text-decoration: none;
	color: #999999;
	font-family: sans-serif;
	font-size: 11px;
	letter-spacing: 0.5px;
	padding: 0 20px 0 20px;
	background-image: url('/img/disc.png');
	_background-image: url('/img/disc.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}

#footermenu ul li a:hover {
	text-decoration: underline;
}

.footer_item56 {
	background-image: none !important;
}

#footer a {
	text-decoration: none;
	color: #666666;
	font-family: sans-serif;
	font-size: 11px;
}

#footer a:hover {
	text-decoration: underline;
}

/*//////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////
     
	 FORMULIER
__________________________________________________*/	

label {
	display: block;
	float: left;
	width: 150px;
}

textarea, .form_input {
	padding: 2px 2px 2px 2px;
	_padding: 0 2px 2px 2px;
	background-color: #E2E2E2;
	border: 1px solid #666666;
	font-family: sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	letter-spacing: 1px;
}

#status {
	cursor: pointer;	
	padding: 5px 4px 4px 4px;
	_padding: 2px 1px 1px 1px;
	background-color: #E2E2E2;
	border: 1px solid #666666;
	font-family: sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 20px;
	letter-spacing: 1px;
	_border: 0;
}

form img {
	border: 2px solid #e2e2e2;
}

/*//////////////////////////////////////////////////*/

.content_text p {
	margin: 0 0 15px 0 !important;
	padding: 0 0 0 0 !important;
}

/*//////////////////////////////////////////////////
     
	 SIFR
__________________________________________________*/	

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
	font-size: 35px;
	height: 35px;
	margin: 0 0 15px 0;
	padding: 0 0 0 0;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 22px;
	line-height: 22px;
	margin:  0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 18px;
	line-height: 18px;
	margin:  0 0 -5px 0 !important;
	padding: 0 0 0 0 !important;
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	font-size: 18px;
	line-height: 18px;
	margin:  2px 0 -12px 0 !important;
	_margin: 2px 0 0 0 !important;
	*margin: 2px 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

/*//////////////////////////////////////////////////*/

#lightwindow_overlay {
	/* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#lightwindow {
	/* REQUIRED */
	/* Of Note - The height and width of this element are set to 0px */
	display: none;
	visibility: hidden;
	position: absolute;
	z-index: 999;
	line-height: 0px;
	font-family: sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	letter-spacing: 1px;
	/* REQUIRED */
}

	#lightwindow_container {
		/* REQUIRED */
		display: none;
		visibility: hidden;
		position: absolute;
		/* REQUIRED */
		padding: 0 0 0 0;
		margin: 0 0 0 0;
	}

	/* IE6 needs this or it messes with our positioning */
	* html #lightwindow_container {
		overflow: hidden;
	}

	#lightwindow_contents {
		overflow: hidden;
		z-index: 0;
		position: relative;
		border: 10px solid #ffffff;
		background-color: #ffffff;
	}		

#lightwindow_loading {
	/* REQUIRED */
	height: 100%;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 9999;
	position: absolute;
	/* REQUIRED */
	background-color: #f0f0f0;
	padding: 10px;
}

	#lightwindow_loading_shim { 
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
	}

	#lightwindow_loading span {
    	font-size: 12px;
		line-height: 32px;
		color: #444444;
		float: left;
		padding: 0 10px 0 0;
	}

	#lightwindow_loading span a,
	#lightwindow_loading span a:link, 
	#lightwindow_loading span a:visited {
		color: #000000;
		text-decoration: underline;
		cursor: pointer;
		font-weight: bold;
	}

	#lightwindow_loading span a:hover,
	#lightwindow_loading span a:active {
		text-decoration: underline;
	}


	#lightwindow_loading img {
   		float: left;
   		margin: 0 10px 0 0;
	}


/*-----------------------------------------------------------------------------------------------
	I liked the Navigation so much from http://www.huddletogether.com/projects/lightbox2/
	I mean let's face it, it works really well and is very easy to figure out.
-----------------------------------------------------------------------------------------------*/

#lightwindow_navigation {
	/* REQUIRED */
	position: absolute;
	top: 0px;
	left: 0px;
	display: none;
	/* REQUIRED */
}
	/* We need to shim the navigation for IE, though its more of a sub-floor */
	#lightwindow_navigation_shim { 
		/* REQUIRED */
		display: none;
		left: 0px; 
		position: absolute; 
		top: 0px;
		width: 100%; 
		height: 100%;
		/* REQUIRED */
	}

	#lightwindow_navigation a,
	#lightwindow_navigation a:link,
	#lightwindow_navigation a:visited,
	#lightwindow_navigation a:hover,
	#lightwindow_navigation a:active { 
		/* REQUIRED */
		outline: none;
		/* REQUIRED */
	}

	#lightwindow_previous, 
	#lightwindow_next {
		width: 49%;
		height: 100%;
		background: transparent url(/img/blank.gif) no-repeat; /* Trick IE into showing hover */
		display: block;
	}
	
	#lightwindow_previous { 
		float: left;
		left: 0px;
	}

	#lightwindow_next { 
		float: right;
		right: 0px;
	}

	#lightwindow_previous:hover, 
	#lightwindow_previous:active { 
		background: url(/img/prevlabel.gif) left 15% no-repeat; 
	}

	#lightwindow_next:hover, 
	#lightwindow_next:active { 
		background: url(/img/nextlabel.gif) right 15% no-repeat; 
	}
	
	#lightwindow_previous_title,
	#lightwindow_next_title {
		display: none;
	}
	 	
#lightwindow_galleries {
	width: 100%;
	position: absolute;
	z-index: 50; 
	display: none;
	overflow: hidden;
	margin: 0 0 0 10px;
	bottom: 0px;
	left: 0px;
	display: none;
}

	#lightwindow_galleries_tab_container {
		width: 100%;
		height: 0px;
		overflow: hidden;
		display: none;
	}

	a#lightwindow_galleries_tab,		
	a:link#lightwindow_galleries_tab,
	a:visited#lightwindow_galleries_tab {
		display: block;
		height: 20px;
		width: 77px;
		float: right;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		font-size: 11px;
		color: #ffffbe;
		background: url(/img/black-70.png) repeat 0 0 transparent;
		display: none;
	}
	
	* html a#lightwindow_galleries_tab,		
	* html a:link#lightwindow_galleries_tab,
	* html a:visited#lightwindow_galleries_tab {	
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
		display: none;
	}

	a:hover#lightwindow_galleries_tab,
	a:active#lightwindow_galleries_tab {
		color: #ffffbe;
		display: none;

	}

	#lightwindow_galleries_tab_span {
		display: block;
		height: 20px;
		width: 63px;
		padding: 0 7px 0 7px;
		display: none;
	}
	
	#lightwindow_galleries_tab .up	{
		background: url(/img/arrow-up.gif) no-repeat 60px 5px transparent;
		display: none;
	}

	#lightwindow_galleries_tab .down {
		background: url(/img/arrow-down.gif) no-repeat 60px 6px transparent;
		display: none;
	}

	#lightwindow_galleries_list {
		background: url(/img/black-70.png) repeat 0 0 transparent;
		overflow: hidden;
		height: 0px;
		display: none;
	}

	* html #lightwindow_galleries_list {
		background: none;
		background-color: #000000;
		opacity: .70;
		filter: alpha(opacity=70);
		display: none;
	}	

	.lightwindow_galleries_list {
		width: 200px;
		float: left;
		margin: 0 0 10px 0;
		padding: 10px;
		display: none;
	}

	.lightwindow_galleries_list h1 {	
		color: #09F;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 10px 0 5px 0;
		font-size: 16px;
		display: none;
	}

	.lightwindow_galleries_list li {
		margin: 5px 0 5px 0;
		list-style-type: none;
		display: none;
	}

	.lightwindow_galleries_list a, 
	.lightwindow_galleries_list a:link, 
	.lightwindow_galleries_list a:visited {
		display: block;
		line-height: 22px;
		color: #ffffff;
		text-decoration: none;
		font-weight: bold;
		cursor: pointer;
		padding: 0 0 0 10px;
		font-size: 11px;
		display: none;
	}

	.lightwindow_galleries_list a:hover, 
	.lightwindow_galleries_list a:active {
		background: #000000;
		color: #ffffbe;
		border-left: 3px solid #ffffbe;
		padding: 0 0 0 7px;
		display: none;
	}
		
#lightwindow_data {
	/* REQUIRED */
	position: absolute;
	/* REQUIRED */
}

	#lightwindow_data_slide {
		/* REQUIRED */
		position: relative;
		/* REQUIRED */
	}

	#lightwindow_data_slide_inner {
		background-color: #ffffff;
		padding: 0 10px 10px 10px;
	}

	#lightwindow_data_caption {
		padding: 10px 0 0 0;
		color: #666666;
		line-height: 25px;
		background-color: #ffffff;
		clear: both;
	}

	#lightwindow_data_details {
		background-color: #f0f0f0;
		padding: 0 10px 0 10px;
		height: 20px;
	}
	
	#lightwindow_data_author_container {
		width: 40%;
		text-align: right;
		color: #666666;
	 	font-style: italic;
		font-size: 10px;
		line-height: 20px;
		float: right;
		overflow: hidden;
	}
	
	#lightwindow_data_gallery_container {
		font-size: 10px;
		width: 40%;
		text-align: left;
		color: #666666;
		line-height: 20px;
		float: left;
		overflow: hidden;
	}
	
#lightwindow_title_bar {
	height: 25px;
	overflow: hidden;		
}

	#lightwindow_title_bar_title {
		color: #ffffff;
		font-size: 14px;
		line-height: 25px;
		text-align: left;
		float: left;
	}

	a#lightwindow_title_bar_close_link,	
	a:link#lightwindow_title_bar_close_link,
	a:visited#lightwindow_title_bar_close_link {
		float: right;
		text-align: right;		
		cursor: pointer;
		color: #ffffff;
		line-height: 25px;
		padding: 0;
		margin: 0;
	}
	
	a:hover#lightwindow_title_bar_close_link,
	a:active#lightwindow_title_bar_close_link {
		color: #ffffff;
	}

/*-----------------------------------------------------------------------------------------------
	Theme styling stuff
-----------------------------------------------------------------------------------------------*/	

#lightwindow p {
	color: #000000;
	padding-right: 10px;
}