

	/*	---------------------------------------------------------------------------------
		|																				|
		|									PAK N BAK									|
		|																				|
		|							Author: Groenewold Media							|
		|							   Copyright (c) 2009.								|
		|																				|
		--------------------------------------------------------------------------------- */
		
		
			* {
				margin:						0 auto;
				padding:					0;
				border:						none;
				list-style:					none;
				font-family:				Verdana, Geneva, sans-serif;
				font-size:					10px;
			}
			
			html, body{
				width:						100%;
				height:						100%;
				background-color:			#ffe400;
			}
			
			#website_container{
				width:						990px;
				min-height:					100%;
				height:						auto;
			}
			
	/* KOPPEN */
			
			h1{
				font-size:					24px;
			}
			
			h2{
				font-size:					18px;
			}
			
			h3{
				font-size:					14px;
			}

			h4{
				font-size:					12px;
				font-weight:				bold;
			}
			
			.grey{
				color:						#9D9D9D;
			}
			
			.h1small{
				margin: 0 0 6px 0;
				font-size: 18px;
			}
			
			.h2red{
				margin: 20px 0 6px 0;
				color: #E31818;
			}

	/* LAYOUT */
	
			a.adverteren > h3{
				position:					relative;
				margin:						-20px 0 0 160px;
				font-weight:				bold;
				text-decoration:			none;
				z-index:					65010;
			}
			
			a.adv{
				color:						#e31818;
				text-decoration:			none;
			}
	
			#kar_img{
				width:						420px;
				height:						300px;
				margin-left:				10px;
				float:						left;
			}
			
			p.large{
				width:						314px;
				padding:					15px;
				background:					url(/images/layout/photo_holder_l.png) -5px 0px no-repeat;
			}
			
			.loading{
				background:					url(/images/layout/loading.gif) left no-repeat;
				padding:					5px 5px 5px 20px;
				color:						#e31818;
			}
			
			.xsmall{
				font-size:					8px;
				font-weight:				bold;
			}
	
			.small{
				font-size:					9px;
			}
			
			.red{
				color:						#e31818;
			}
			
			.grey{
				color:						#CECECE;
			}			

			.size12{
				font-size:					12px;
				font-weight:				bold;
			}

			.size14{
				font-size:					14px;
				font-weight:				bold;
			}
			
			.size18{
				font-size:					18px;
				font-weight:				bold;
			}
			
			.size22{
				font-size:					22px;
				font-weight:				bold;
			}
			
			img.content{
				border:						#e31818 1px solid;
				text-align:					right;
			}
			
			.floatLeft{
				float:						left;
			}
			
			.floatRight{
				float:						right;
			}
			
			span a{
				color:						inherit;
				font-size:					inherit;
				text-decoration:			none;
			}
			
			#home_reserveren{
				float:						left;
				width:						200px;
				padding:					50px 0 0 45px;
				margin-left:				15px;
				background:					url(/images/layout/border_vert.png) left repeat-y;
			}
			

	/* STATIONLOGO'S */
			
			div#stationLogos div.floatRight{
				float:						right;
				width:						420px;
			}
			
			div#stationLogos span.floatLeft{
				padding-top:				10px;
				float:						left;
			}		
			
			.stationLogo{
				float:						left;
				width:						0px;
				padding-left:				42px;
				height:						40px;
				background-image:			url(/images/layout/images_website.png);
				overflow:					hidden;
				cursor:						pointer;
			}
	
	
	/* HEADER */
	
			#header_container{
				width:						100%;
				height:						115px;
				background:					#ffe400 url(/images/layout/images_website.png) 0px -325px repeat-x;
			}
			
			#header_content{
				width:						990px;
				color:						#e31818;
			}
			
			#header_logo{
				width:						0px;
				height:						102px;
				padding-left:				745px;
				overflow:					hidden;
				background:					url(/images/layout/main_logo.png) 0px 0px no-repeat;
				float:						left;
			}
			
			#header_zoeken{
				width:						220px;
				height:						115px;
				float:						left;
				padding-left:				25px;
				background:					url(/images/layout/images_website.png) -287px -198px no-repeat;
			}
	
	
	/* INPUT */
	
			input[type=text]{
				border:						#e31818 1px solid;
				padding:					3px;
				background-color:			#fff280;
			}
			
			input[type=submit]{
				border:						#000000 1px solid;
				padding:					2px;
				background-color:			#e31818;
				color:						#FFFFFF;
			}
			
			input[type=submit]:hover{
				background-color:			#fff280;
				color:						#000000;
			}
	
		
	/* MAIN MENU */
		
			#menu_container{
				width:						100%;
				height:						33px;
				background:					#e31818;
			}
			
			#main_menu{
				width:						990px;
			}
			
			#main_menu li{
				float:						left;
				background-image:			url(/images/layout/images_website.png);
				background-repeat:			no-repeat;
				background-position:		0px 100px;
				width:						0px;
				height:						0px;
				padding-top:				33px;
				overflow:					hidden;
				cursor:						pointer;
				left:						auto;
			}
	
	
	/* CONTENT CONTAINER */
	
			#content_container{
				width:						100%;
				background:					#fdfdfd url(/images/layout/main_content_bground.png) bottom repeat-x;
				padding:					20px 0 20px 0;
				overflow:					auto;
			}
			
			#main_content{
				width:						990px;
				min-height:					487px;
				height:						auto;
				overflow:					auto;				
			}
			
			.main_content_row{
				float:						left;
				width:						990px;
				background:					url(/images/layout/border_hori.png) bottom repeat-x;
				padding-bottom:				25px;
				margin-bottom:				30px;
				overflow:					visible;
			}
			
			.homepage_left {
				width:						475px;
				padding-right:				20px;
				float:						left;
			}
			
			.homepage_right {
				width:						485px;
				padding-left:				10px;
				float:						right;
			}
			
			ul.main_content_row li{
				float:						left;
			}
			
			.noBorder{
				background:					none;
			}
	
	/* LOCAL STATIONS */
	
			#local_stations{
				width:						270px;
				float:						left;
			}
			
			.localStationRow{
				padding:					12px 10px 26px 10px;
				width:						240px;
				height:						30px;
				background-repeat:			no-repeat;
				cursor:						default;
			}
			
			.localStationPart.pad{
				padding-right:				10px;
			}
			
			.localStationRowIdle{
				color:						#000000;
				background-position:		0px -189px;
			}
			
			.localStationRowHover{
				color:						#353535;
				background-position:		0px -253px;
			}
			
			.localStationPart{
				float:						left;
			}
			
			input.localSearchInput{
				width:						250px;
				background:					#DFDFDF;
				border:						none;
				padding-left:				0px;
				border:						#e31818 1px dashed;
			}	
			
			#triggerSearch{
				position:					relative;
				cursor:						pointer;
				padding:					2px;
				background:					#ffe400;
				border:						#e31818 1px solid;
				color:						#e31818;
				font-weight:				bold;
				float:						right;
				width:						90px;
				text-align:					center;
				margin:						-10px 0 0 0;
			}
			
			#triggerSearch:hover{
				background:					#e31818;
				border:						#e31818 1px solid;
				color:						#FFFFFF;
			}
	
			
	/* FOOTER */

			#footer_container{
				overflow:					auto;
				width:						100%;
				height:						auto;
				margin-bottom:				25px;
			}

			#footer_content{
				width:						990px;
				display:					block;
				color:						#e31818;
				line-height:				14px
			}
			
			.footer_part{
				float:						left;		
			}
			
			.footer_border{
				padding-right:				20px;
				margin-right:				20px;
				background:					url(/images/layout/footer_border.png) right repeat-y;
			}
			
			#footer_container a{
				color:						#e31818;
				text-decoration:			none;
			}
			
			
			#footer_container a:hover{
				text-decoration:			underline;
			}			
			
	/* HOME BLOCKS */
	
			ul#blocks{
				height:						200px;
			}
			
			ul#blocks li{
				float:						left;
				width:						204px;
				height:						200px;
				background:					url(/images/layout/images_website.png) -10px -450px no-repeat;
			}
	
			ul#blocks li.text{
				background:					url(/images/layout/images_website.png) -10px -450px no-repeat;
				padding:					15px 8px 10px 8px;
			}
			
			ul#blocks li.movie{
				background:					url(/images/layout/images_website.png) -10px -450px no-repeat;
				padding:					8px 4px 10px 4px;
			}
			
			ul#blocks li.photo{
				background:					url(/images/layout/images_website.png) -10px -450px no-repeat;
				padding:					8px 4px 10px 4px;
			}
			
			ul#blocks li img{
				border:						#ffe400 1px solid;
			}
			
			ul#blocks li.large{
				width:						314px;
				padding:					15px;
				background:					url(/images/layout/photo_holder_l.png) -5px 0px no-repeat;
			}
			
			ul#blocks li.border{
				width:						5px;
				height:						200px;
				margin:						0 8px 0 8px;
				padding:					0 8px 0 8px;
				background:					url(/images/layout/border_vert.png) center repeat-y;				
			}			
			
			.homeVideo{
				width:						200px;
				height:						150px;
				border:						#ffe400 1px solid;
			}
			
			
	/* PRIJZEN */
	
			.contentPart{
				float:						left;
				width:						450px;
				margin-right:				45px;
				padding-right:				45px;
				background:					url(/images/layout/border_vert.png) right repeat-y;
			}
			
			.noMarge{
				margin-right:				0;
				padding-right:				0;
				background:					none;
			}
	
			td{
				padding:					5px 5px 5px 5px;
				border-bottom:				#e31818 1px dashed;
			}
						
			.rowGrey{
				background-color:			#e7e7e7;
			}
			
			.rowTitel td{
				padding:					20px 5px 20px 5px;
				border-bottom:				#e31818 1px dashed;
			}
			
	
	/* VERHUURSTATIONS */
			
			ul.links{
				margin:						5px 0 0 0;
				width:						240px;
				overflow:					visible;
			}
			
			ul.links > li{

			}
			
			ul.verhuurStations{
				background:					url(/images/layout/verhuurstations_bground.png) 0px 0px no-repeat;				
			}
			
			ul.verhuurStations > li{
				width:						260px;
				margin-right:				45px;
				padding-right:				45px;
				background:					url(/images/layout/border_vert.png) right repeat-y;
			}
			
			ul.verhuurStations > li.noPad {
				margin:						0px;
				padding:					0px;
				background:					none;
			}
			
			ul.links li{
				padding:					8px 5px 8px 5px;
				height:						14px;
				width:						240px;
				border-bottom:				#ffe400 1px solid;
				cursor:						pointer;
			}
			
			ul.links li:hover{
				background:					#ffe400;
			}
			
			#provLinkHolder{
				height:						350px;
			}
			
			ul.pageControl{
				margin-top:					10px;
			}
			
			ul.pageControl li{
				border:						#000000 1px dashed;
				padding:					4px;
				background-color:			#ffe400;
				color:						#e31818;
				width:						70px;
				font-size:					9px;
				cursor:						pointer;
				text-align:					center;
			}
			
			ul.pageControl li:hover{
				background-color:			#e31818;
				color:						#FFFFFF;
			}
			
			ul.pageControl li.left{
				float:						left;
			}
			
			ul.pageControl li.right{
				float:						right;
			}
				
			
			
	/* KARREN DISPLAY */
	
			div.karDispTip{
				background-color:			#FFF;
				border:						#e31818 1px solid;
				padding:					10px;
				width:						700px;
				height:						90px;
				overflow:					hidden;
			}
	
			ul#karrenList li{
				float:						left;
				border-right:				#e2e2e2 1px dotted;
				padding-right:				3px;
				margin-right:				3px;
				text-align:					center;
				width:						70px;
				height:						70px;
				overflow:					hidden;
			}
			
			ul#karrenList li.noBorder{
				padding:					0px;
				margin:						0px;
				border:						none;
			}
			
			.showKar{
				background:					url(/images/layout/images_website.png) no-repeat;
				width:						60px;
				height:						31px;
			}
			
			
ul.autocompleter-choices
{
	position:				absolute;
	margin:					0;
	padding:				0;
	list-style:				none;
	border:					1px solid #7c7c7c;
	border-left-color:		#c3c3c3;
	border-right-color:		#c3c3c3;
	border-bottom-color:	#ddd;
	background-color:		#fff;
	text-align:				left;
	font-family:			Verdana, Geneva, Arial, Helvetica, sans-serif;
	z-index:				50;
	background-color:		#fff;
}

ul.autocompleter-choices li
{
	position:				relative;
	margin:					-2px 0 0 0;
	padding:				0.2em 1.5em 0.2em 1em;
	display:				block;
	float:					none !important; 
	cursor:					pointer;
	font-weight:			normal;
	white-space:			nowrap;
	font-size:				1em;
	line-height:			1.8em;
}

ul.autocompleter-choices li.autocompleter-selected
{
	background-color:		#e31818;
	color:					#fff;
}

ul.autocompleter-choices span.autocompleter-queried
{
	display:				inline;
	float:					none;
	font-weight:			bold;
	margin:					0;
	padding:				0;
}

ul.autocompleter-choices li.autocompleter-selected span.autocompleter-queried
{
	color:					#ffe400;
}

.slideshow {
	display: block;
	position: relative;
	z-index: 0;
}
.slideshow-images {
	display: block;
	overflow: hidden;
	position: relative;
}		
.slideshow-images img {
	display: block;
	position: absolute;
	z-index: 1;
}		
.slideshow-thumbnails {
	overflow: hidden;
}

.slideshow-images {
	height: 300px;
	width: 420px;
}		
.slideshow-images-visible { 
	opacity: 1;
}	
.slideshow-images-prev { 
	opacity: 0; 
}
.slideshow-images-next { 
	opacity: 0; 
}
.slideshow-images img {
	float: left;
	left: 0;
	top: 0;
}	

.slideshow {
	height: 300px;
	width: 420px;
}
.slideshow a img {
	border: 0;
}

.slideshow-captions {
	background: #003366;
	bottom: 0;
	color: #FFF;
	font: normal 12px/22px Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-indent: 10px;
	width: 100%;
	z-index: 10000;
}
.slideshow-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-captions-visible {
	height: 22px;
	opacity: .7;
}

.slideshow-controller {
	/*background: url(controller.png) no-repeat;*/
	height: 42px;
	left: 50%;
	margin: -21px 0 0 -119px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	width: 238px;
	z-index: 10000;
}
.slideshow-controller * {
	margin: 0;
	padding: 0;
}
.slideshow-controller-hidden { 
	opacity: 0;
}
.slideshow-controller-visible {
	opacity: 1;
}
.slideshow-controller a {
	cursor: pointer;
	display: block;
	height: 18px;
	overflow: hidden;
	position: absolute;
	top: 12px;
}
.slideshow-controller a.active {
	background-position: 0 18px;
}
.slideshow-controller li {
	list-style: none;
}
.slideshow-controller li.first a {
	/*background-image: url(controller-first.gif);*/
	left: 33px;
	width: 19px;
}
.slideshow-controller li.last a {
	/*background-image: url(controller-last.gif);*/
	left: 186px;
	width: 19px;
}
.slideshow-controller li.next a {
	/*background-image: url(controller-next.gif);*/
	left: 145px;
	width: 28px;
}
.slideshow-controller li.pause a {
	/*background-image: url(controller-pause.gif);*/
	left: 109px;
	width: 20px;
}
.slideshow-controller li.play a {
	background-position: 20px 0;
}
.slideshow-controller li.play a.active {
	background-position: 20px 18px;
}
.slideshow-controller li.prev a {
	/*background-image: url(controller-prev.gif);*/
	left: 65px;
	width: 28px;
}

.slideshow-loader {
	height: 28px;
	width: 28px;
	z-index: 10001;
}
.slideshow-loader-hidden {
	opacity: 0;
}
.slideshow-loader-visible {
	opacity: 1;
}

.slideshow-thumbnails {
	bottom: -65px;
	height: 65px;
	left: 0;
	position: absolute;
	width: 100%;
}
.slideshow-thumbnails * {
	margin: 0;
	padding: 0;
}
.slideshow-thumbnails ul {
	height: 65px;
	left: 0;
	position: absolute;
	top: 0;
	width: 10000px;
}
.slideshow-thumbnails li {
	float: left;
	list-style: none;
	margin: 5px 5px 5px 0;
	position: relative;
}
.slideshow-thumbnails a {
	display: block;
	float: left;
	padding: 5px;
	position: relative; 
}
.slideshow-thumbnails a:hover {
	background-color: #FF9 !important;
	opacity: 1 !important;
}
.slideshow-thumbnails img {
	display: block;
}
.slideshow-thumbnails-active {
	background-color: #9FF;
	opacity: 1;
}
.slideshow-thumbnails-inactive {
	background-color: #FFF;
	opacity: .5;
}