/*
	MAIN STYLESHEET VCK TRAVEL
	contains:
	* html, body, site
	* primary & sec. navigation
	* breadcrumbs 

*/


/* =================================================================== html, body and site ===*/
		html, body {
			padding:0; margin:0;
			font-family:Verdana, Geneva, sans-serif;
		
		}
		
		body {	
			background-image:url('/shared/images/site/body-background.png');
			background-position:top left;
			background-repeat:repeat-x;
			background-color:#bfc5d3;
		}
		
		#site {
			width:898px;
			height:auto;
			margin:0px auto 0px auto;
			background-color:white;
		}
		#siteBody {
			float:left;
			height:auto;
		}
		
		

/* =================================================================== secondary navigation === */

		.menu-sec-menu, .menu-sec-menu li {
			margin:0;padding:0;
		}
		
		.menu-sec-menu{
			width:113px;
			height:auto;
			float:left;
			margin-left:5px;
			margin-top:80px;
			margin-bottom:30px;
		    margin-right:12px;
			list-style-type:none;
		}
		
		
		.menu-sec-menu li a {
			color:#a3a3a3;
			font-size:10px;
			font-weight:bold;
			text-decoration:none;
		}
		.menu-sec-menu li a:hover {
			color:#666;
		}
		.menu-sec-menu li:first-child {
			/*border-top:0px solid #a3a3a3;*/
		}
		.menu-sec-menu li {
			/*border-top:1px solid #a3a3a3;*/
			padding:0px 0px 2px 0px;
			line-height:1.2em;
		}
		.menu-sec-menu ul {
			display:none;
		}
		.menu-sec-menu li.active ul {
			display:block;
			list-style:none;
			margin:0;padding:0;
			margin-left:7px;
		}
		
		.menu-sec-menu li.active ul a {
			color:#a3a3a3;
			font-weight:normal;
		}
		.menu-sec-menu li.active ul li {
			border-top:0px;
		}
		
		.menu-sec-menu li.active a {
			color:#006;
		}
		.menu-sec-menu li.active ul li.active a {
				color:#336;
		}
		.menu-sec-menu li.active ul li.active a {
		}
		
/* =================================================================== breadcrumbs === */		
		
		
		#breadcrumbs {
			margin:0;
			font-size:10px;
			font-weight:bold;
			color:#a3a3a3;
			margin-top:5px;	
			padding-left:1px;
			letter-spacing:-0.5px;
		}
		#breadcrumbs a {
			text-decoration:none;
			color:#a3a3a3;
		
		}
		#breadcrumbs a:hover {
			text-decoration:underline;	
		}
		
		html #breadcrumbs span.breadcrumbs {
			display:inline;
			font-weight:bold;

			
		}
				
		
/* ====================================================================== heading === */
		.sIFR-active h1.soloHeading, .sIFR-active h1.duoHeading  {
			font-size:25px;
		}
		.sIFR-active h2.duoHeading {
			font-weight:bold !important;
			font-size:19px !important;	
			margin-top:-6px !important;
		}
		
		#content  h1.soloHeading {
			margin-bottom:28px;
		}
		#content h1.duoHeading {
			margin:0;padding:0;
			line-height:1em;
			color:#999;
			margin-top:1px;
		}
		#content h2.duoHeading {
			margin:0;
			padding:0 !important;
			font-size:19px !important;
			line-height:21px !important;
			color:#999;
			margin-top:-6px !important;
			margin-bottom:5px !important;
		}
		
		
		
		h1 {
			margin:0;padding:0;line-height:1em;
			color:#999;
			margin-top:1px;
		}

		h2 {
			margin:0;padding:0;line-height:1.5em;
			color:#999;
		}
		
		#content h2 {
			margin-left:0px;
		}

	
		
		
		
		/* CONTENT TEXT */

		#content p.introText {
			font-size:12px;
			text-align:justify;
		}

/* ====================================================================== top site === */

	  #topSite {
		  width:898px;
		  height:30px;
		  line-height:28px;
		  font-size:10px;
		  margin:0 auto;
		  text-align:right;
	  }
	  #topSite a {
		  color:black;
		  text-decoration:none;
	  }
	  #topSite a:hover {
		  text-decoration:underline;
	  }
	  
	  #topSite .flag {
		  vertical-align:middle;
	  }
	  #topSite form {
		  display:inline;
	  }
	  
	  #topSite button {
		  border:0;
		  padding:0;
	  }
	  
	  #topSite #searchPanel input {
		  width:80px;	
		  margin-left:9px;
		  font-size:9px;
		  vertical-align:middle;
	  }
	  #topSite	#searchPanel button {
		  padding:0;
		  line-height:14px;
		  font-size:11px;
		  border:0;
		  background-color:transparent;
		  cursor:pointer;
		    vertical-align:middle;
	  }
	  #topSite	#searchPanel form {
			  display:inline;
	  }
	  #topSite img {
		  vertical-align:middle;
	  }
	  #topSite form {
			  vertical-align:middle;
	  }
/*==========================================================  SITEHEAD ========*/
	  #siteHead  {
		  font-size:0;
	  }
	  
	  #siteLogo {
			  float:left;
			  width:128px;
			  height:128px;
			  margin-right:2px;
	  }
/* ====================================================================== search page  === */



	.results h3 {
		padding:3px;
		color:black !important;
		background-color:#e1e1e1;
		border-top:1px solid #43578e;
		
		text-align:right;
		font-size:10px;
	}
	#searchPhraseWrapper label {
		display:inline !important;
	}
	.search_result label {
		display:inline !important;
	}
	.search_result  legend {
		display:none;
	}
	.search_result fieldset {
		margin-bottom:10px;
	}
	.results ol {
		list-style:none;
		padding:0;
		margin:0;
	}
	.results h4 {
		margin-bottom:0px !important;
		font-size:13px;
	
	}
	.results h4 a {
			color:#0c2a7c !important;
			text-decoration:underline !important;
	}
	.results p.articleURI {
		margin-top:0;
		color:#56900e !important;
		margin-bottom:17px !important;
	}
	
	.results h4 p span {
		margin-bottom:3px;
	}
	.results h4 p {
		margin-bottom:0 !important;
		margin-top:0 !important;		
	}
	#searchFormWrapper form button {
		margin-left:5px !important;
		margin-top:0;
		font-size:11px;
	}
	#advancedSearchPanel h2 {
		color:#0c2a7c;
		font-size:11px;
		margin-bottom:9px;
		
	}
	#advancedSearchPanel {
		margin-top:4px;
		margin-bottom:4px;
		line-height:19px;
	}
	.categoryDetails {
		font-size:10px;
		color:#777;
		margin-bottom:3px !important;
		margin-top:3px !important;
	}
	.snippet {
		color:black;
		margin-bottom:5px !important;
	}
	.snippet .highlight {
		font-weight:bold;
	}
	#activateAdvanced {
		font-size:10px !important;
		cursor:pointer;
		padding-left:15px;
	}
	#searchFormWrapper fieldset {
		padding:4px;
	}
	#searchPhraseWrapper {
		margin-bottom:8px;
	}
	#searchFormWrapper  select {
		font-size:10px;
	}
	#advancedSearchPanel {
		margin-top:14px;
	}
	#advancedSearchPanel h2 {
		margin-top:3px;
	}
	#orderingWrapper, #resultsPerPageWrapper  {
		display:block;
		clear:left;
	}
	#orderingWrapper {
		margin-bottom:10px;
	}
	#orderingWrapper label, #resultsPerPageWrapper label, 	#searchPhraseWrapper span {
		width:140px;
		float:left;
	}
	.advancedShow {
		background-image:url('/shared/images/site/search/down-arrow.png');
		background-position:0px 0px;
		background-repeat:no-repeat;
	}
	.advancedHide {
		background-image:url('/shared/images/site/search/right-arrow.png');
		background-position:0px 1px;
		background-repeat:no-repeat;		
	}
 	
	.error {
		margin-top:10px !important;
	}
	.startPageActive,  	.startPageInactive, 	.endPageActive, 	.endPageInactive{
		display:inline;
		padding-left:7px;
		padding-right:7px;		
	}
	.previousPageActive, .previousPageInactive , .nextPageActive, .nextPageInactive{
		display:inline;
		padding-left:7px;
		padding-right:7px;		
	}
	.startPageInactive,
	.endPageInactive,
	.previousPageInactive,
	.nextPageInactive {
		visibility:hidden;
	}
	.pagination {
		text-align:center;
		display:block;
	}
	.pagination em {
		font-style:normal;
	}
	.pagination .inactive {
		visibility:hidden;
	}
	.pagination .pageNumbers .inactive {
		visibility:visible;		
	}
	.pageNumbers strong {
		display:inline;
		width:20px;
		padding-left:7px;
		padding-right:7px;		
	}

/* ====================================================================== footer  ===*/

	#footer {
			clear:both;
			width:748px;
			height:18px;
			background-image:url('/shared/images/site/footer-background.jpg');
			color:#EEE;
			padding-top:5px;
			font-size:11px;
			padding-left:150px;
			text-align:center;
			margin-top:30px;
		}
		
	
		
		#footer  a {
			color:#EEE;
			text-decoration:none;
		}
		
		#footer a:hover {
			text-decoration:underline;
		}
		
		#footer {
			position:relative;
		}
		#footer #vckLink {
			display:block;
			position:absolute;
			top:0;
			left:0;
		}

/* ===================================================================== banner === */
		#siteHead #bannerWrapper {
			font-size:0;
		}
		#siteHead #bannerWrapper  ul {
			display:none;
		}
		#bannerWrapper {
			position:relative;
			width:768px;
			height:256px;
		}
		#bannerWrapper img {
			position:absolute;
		}
/* ======================================================================= form === */
		.chronoform {
			display:none;
		}
		.form_item {
			
			margin-top:0px;
			margin-bottom:0px;
		}
		.form_element {
			margin-top:0px;
			margin-bottom:0px;
			margin-left:0px;
		}
		#content form {
			margin-top:60px;
		}
		.cfclear {
			display:none;
		}
		.cf_button {
			padding-left:268px;
			padding-top:15px;
		}


/* ===================================================================== content === */

	
		/* CONTENT */
		#content {
			font-size:11px;
			margin-right:0px;
			width: 540px;
			float:left;
			padding-left:0px;
			padding-right:0px;			
			padding-top:0px;
			padding-bottom:10px;
			overflow:visible;
			min-height:430px;

			
		}
		#content p {
				font-size:11px;
				margin-top:0px;
				/*EVENTS */margin:0px 5px 12px 0px;
		}

		#content ol {
			margin-top:0px;
		}
		#content a, #content a span {
			color:#666;
			text-decoration:none;
			font-weight:bold;
			
		}
		
		#content a:hover {
			
			text-decoration: underline !important;
			color:#039 !important;
		}


		#content a:hover span {
			text-decoration: underline !important;
			color:#039 !important;
		}
  	   #content ul {
		   list-style-image:url('/shared/images/site/hot-list-bullet.gif');
	    }
	#content p.introText {
			line-height:21px;
			font-size:12px;
			margin-bottom:14px;
			margin-top:5px;
		}
		
		
 /*=================================== generieke rounded box rechterkolom ==== */
	  .roundOuter {
			width:200px;
			margin:0px;padding:0;
			background-image:url('/shared/images/site/sideRoundTop.png');
			background-position:top left;
			background-repeat:no-repeat;
			margin-bottom:10px;
			margin-left:0px;
			padding-top:1px !important;
			>padding-top:0px;
		}
		.roundInner {
			width:156px;
			margin:0px;padding:0;
			background-image:url('/shared/images/site/sideRoundBottom.png');
			background-position:bottom left;
			background-repeat:no-repeat;
			margin-top:13px;
			padding:0px 22px 15px 22px;
			font-size:11px;			
		}
		.roundInner h2, .roundInner h2 a {
			font-size:11px;
			color:#0c2a7c !important;
			text-decoration:none;
		}
		.roundInner h2 {
			margin-bottom:3px;
		}
		.roundInner a {
			text-decoration:none;
			color:#555 !important;
		}
		.roundInner a:hover {
			color:#111 !important;
		}
		#sideColumnOne {
			float:right;
			width:200px;
			margin-left:14px;
		}
		
/*==============================================  TAB Container ============= */
		
	#tabContainer {
		float:right;
		width:176px;
		margin-right:0px;
		margin-top:43px !important;
		font-size:11px;
		list-style-type:none;
	}
	#tabContainer, li {
		margin:0;padding:0;
	}
	#tabContainer li {
		height:22px;
		background-position:top left;
		background-repeat:no-repeat;
		padding-left:20px;
		padding-top:7px;
		width:156px;
		cursor:pointer;
	}
	#tabContainer li.firstChild {
		background-image:url('/shared/images/site/tabs/firstInactiveBG.png');		
		height:22px;
	}
	#tabContainer li.firstChild.active {
		background-image:url('/shared/images/site/tabs/firstActiveBG.png');
		height:22px;
	}
	#tabContainer li.middleChild {
		background-image:url('/shared/images/site/tabs/middleInactiveBG.png');				
	}
	#tabContainer li.middleChild.active {
		background-image:url('/shared/images/site/tabs/middleActiveBG.png');				
	}
	#tabContainer li.lastChild {
		background-image:url('/shared/images/site/tabs/lastInactiveBG.png');				
	}
	#tabContainer li.lastChild.active {
		background-image:url('/shared/images/site/tabs/lastActiveBG.png');				
	}
	.isTab {
		width:540px;
	}
	
	/*======================================================= SUB footer*/
		#subFooterSite {
			background-color:transparent;
			font-size:11px;
			color:#333;
			width:745px;
			margin:0 auto;
			text-align:center;
			padding-left:153px;
			padding-top:2px;
			margin-bottom:30px;
	}
	#subFooterSite a {
		color:#444;
	}
	.tabHeader {
		display:none;
	}
	#map iframe {
		width:550px;
		height:400px;
		overflow:hidden;
		margin-bottom:30px;
	}
/*======================================================  Overview Columns ====*/
	.leftOverviewColumn {
		margin-right:10px;
	}
	.leftOverviewColumn , .rightOverviewColumn{
		float:left;
		width:250px;
	
	}
	.leftOverviewColumn , 	.rightOverviewColumn , 	.leftOverviewColumn li, 	.rightOverviewColumn li {
		padding:0 !important;
		margin:0 !important;
		list-style:none;
	}
	.leftOverviewColumn h3 a, .rightOverviewColumn h3 a {
		color:#039 !important;
		font-size:11px;
	}
	.leftOverviewColumn h3, .rightOverviewColumn h3 {
		margin-bottom:5px;
		list-style-image:none;
	}
	
/*========================================================  Onbekend ======*/
		a img {
			border:0;
		}
		#downloadsLinks{
			margin-top:10px;
		}
		#downloadsWrapper #weekCruise a{
			padding-left:19px;
		}
								
		.moreDetailsCustom {
			margin:0 !important;
			text-align:right;
			margin-top:5px !important;
			margin-right:14px;
		}
		.moreDetailsCustom a {
			color:#b4da0b !important;
			font-size:10px;
		}
		.moreDetailsCustom a:hover {
			color:#b4da0b !important;
		}
		table.blockTable h2 {
			color:#c5d30c;
		}
		table.blockTable td p {
			margin:5px 5px 0px 12px;
			line-height:1.4em;
		}
		table.blockTable td {
			vertical-align:top;
			padding:0;

			width:362px;
		}
		table.blockTable td h2 {
			margin:5px 5px 5px 12px;
		}
		table.blockTable {
			border-collapse:collapse;
		}
		
		
			/**/
			h2.dateHeading {
				height:29px;
				color:#AAA !important;
				background-image:url('/shared/images/klok-groot.jpg');
				background-repeat:no-repeat;
				background-position:top left;
				background-position:0px 3px;	
				padding-left:28px !important;
				line-height:15px  !important;
				font-size:9px !important;
				padding-top:6px !important;
				margin-top:-6px;
			}
			
			h2.latestnews  {
				border-bottom:2px solid #0c2a7c;
				text-transform:uppercase;
				font-size:10px !important;
				margin-top:10px !important;
				color:#0c2a7c;
			}
			
			.latestnews .date {
				background-image:url('/shared/images/site/klok.png');
				background-position:4px 3px;
				background-repeat:no-repeat;
				padding-left:24px;
				font-size:8px;
				color:#555;
				vertical-align:middle;
				line-height:11px;
				width:80px;
			}
			

			.latestnews td a {
					font-size:10px !important;
					font-weight:normal;
					color:#666 !important;
			
			}
				
			.latestnews tr.even td {
				background-color:#e7e7e7;
				height:1.6em;
			
			}
			.latestnews tr.odd {
					height:1.6em;
			}
			
			table.latestnews {
				border-collapse:collapse;
				width:550px;;
				margin-top:7px;
			}
			
			.blog_more {
				display:none;
			}
			.blog .pagenav {
				display:none;
			}
			
			/**/
			#site #content .xmap li {
			margin-bottom:10px;
		}
		#site #content .xmap li ul li {
			margin-bottom:0px;			
		}
		
		#site #content .xmap li {
			padding-left:10px;
		}
		#site #content .xmap li ul li {
			padding-left:20px;
		}
		#site #content .xmap li ul li ul li {
			padding-left:20px;
		}

		#site #content .xmap li a {
			padding-left:5px;
		}