/*
	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('../images/body-background.jpg');
			background-position:top left;
			background-repeat:repeat-x;
			background-color:#bdbdbd;
		}
		
		#site {
			width:898px;
			height:auto;
			margin:20px auto 0px auto;
			background-color:white;
		}
		
		
/* =================================================================== primary navigation ===*/
		.menu-main-nav {
			padding:0; margin:0;
			margin-left:130px;
			font-size:11px;
			width:768px;
			height:22px;
			background-image:url('../images/main-nav-background.png');
			background-repeat:repeat-x;
			background-position:top left;
			list-style:none;
			/*margin-top:-22px;*/
			position:absolute;
			margin-top:0 !important;
			top:106px;
			left:0;
			height:22px;
			overflow:hidden;
			float:none;			
		}
		.menu-main-nav li {
			float:left;
			padding:0; margin:0;
			padding-left:14px;
			padding-right:14px;
			height:22px;
			
		}
		.menu-main-nav li:first-child {
			padding-left:8px;
			padding-right:14px;
		}
		.menu-main-nav li a {
			text-decoration:none;
			color:white;
			line-height:22px;
			height:22px;
			display:block;
		}
		.menu-main-nav li a span {
			line-height:22px;
		}
		.menu-main-nav li:hover {
			background-image: url('../images/main-nav-background-hover.png');
			color:white;
			line-height:22px;
		}
		.menu-main-nav li.active {
			background-image: url('../images/main-nav-background-light.png');
			color:black;
			line-height:22px;
		}

		.menu-main-nav li:hover a span {
			color:white;
		}
		.menu-main-nav li.active a span {
			color:black;
		}
		
		

/* =================================================================== 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: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;
		}
		#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;
		}
		.sIFR-active h2.duoHeadingSmall {
			font-weight:bold !important;
			font-size:16px !important;	
			margin-top:-3px !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;
		}
		
		
		/* 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;
		  padding-left:5px;
	  }
	  #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;
	  }
	

/* ====================================================================== 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;
	}
	#content #searchphraseall, #content #searchphraseany, #content #searchphraseexact {
		width:auto !important;
	}

	.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('../images/search/down-arrow.png');
		background-position:0px 0px;
		background-repeat:no-repeat;
	}
	.advancedHide {
		background-image:url('../images/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;		
	}

/*==========================================================  SITEHEAD ========*/
#siteHead  {
	font-size:0;
}
#siteHead .banneritem {
			font-size:0;
}
#siteHead .bannergroup {
			float:left;
		}
		#siteHead {
			height:128px;
			position:relative;
		}
		#siteHead a img {
			position:static;
		}
		#siteHead img {
			position: absolute;
			top:0;
			left:130px;
		}
		#topSite {
			overflow:auto;
		}

/* ======================================================= REISSCHEMA ======== */
	#reisschema {
			width:100%;
			border-collapse:collapse;
		}
		#reisschema tbody td {
			vertical-align:top;
			line-height:17px;
		}
		#reisschema tbody .odd td, .tarieven tbody .odd th {
			background-color:#eeeeee;
		}
		#reisschema tbody .even td, .tarieven tbody .even th {
			background-color:#dddddd;
		}
		#reisschema tbody tr {
			height:20px;
			color:#333;
		} 
		#reisschema .reisschemaDatum {
			padding-left:3px;
			width:75px;
			
		}
		#reisschema .reisschemaLokatie span {
			display:block;
			margin-top:3px;
			margin-bottom:3px;
			
		}
		#reisschema .reisschemaOptioneel {
			width:70px;
		}
		#reisschema .reisschemaTijdstip {
			
			width:95px;
		}
			#sideColumnOne {
	width:200px;
	float:left;
	margin-left:14px;
	overflow:hidden;

}

#tabContainer {
		float:right;
		width:200px;
		margin:0;padding:0;
		margin-right:0px;
		list-style:none;
/*		margin-top:-10px !important;*/
/*		margin-top:-10px !important;*/
		list-style-image:none;
		font-size:10px;
		
	}
	#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:180px;
		cursor:pointer;
	}
	#tabContainer li.firstChild {
		background-image:url('/nl/events/templates/travel-full-width/images/tabs/firstInactiveBG.png');		
		height:22px;
	}
	#tabContainer li.firstChild.active {
		background-image:url('/nl/events/templates/travel-full-width/images/tabs/firstActiveBG.png');
		height:22px;
	}
	#tabContainer li.middleChild {
		background-image:url('/nl/events/templates/travel-full-width/images/tabs/middleInactiveBG.png');				
	}
	#tabContainer li.middleChild.active {
		background-image:url('/nl/events/templates/travel-full-width/images/tabs/middleActiveBG.png');				
	}
	#tabContainer li.lastChild {
		background-image:url('/nl/events/templates/travel-full-width/images/tabs/lastInactiveBG.png');				
	}
	#tabContainer li.lastChild.active {
		background-image:url('/nl/events/templates/travel-full-width/images/tabs/lastActiveBG.png');				
	}
	.isTab {
		width:540px;
	}
	#site #content #leftColumnWrapper ol {
		list-style:none;
		margin-left:0;
		padding-left:0;
	}
	.faqlist {
		list-style:none;
	}
	.menu-sec-menu .item125, .menu-sec-menu .item125 a, .menu-sec-menu .item125 span {
		color:#ff7800 !important;
	}
	#karavaanButton {
		margin-left:16px;
		width:175px;
		height:137px;
		cursor:pointer;
	}
	#karavaanButton a {
		display:block;
		width:175px;
		height:137px;
	}
	#karavaanButton:hover img{
		display:none;
	}
	#karavaanButton:hover {
		background-image:url("/nl/events/images/buttons/wkkaravaan-on.png");
		background-repeat:no-repeat;
		background-position:top left;
	}
	/*temp*/
	#site #frontPageContact {
		margin-top:16px !important;
	}