/*
Kleurenstalen

background: #d6d7d9
nav-font: #
nav-bg: #e7e7e8
content-header1: #
content-header2: #
content-text: #
box: #ebebec

*/

* {
	padding: 0;
	margin: 0;
	text-decoration: none;
	border: none;
	outline: none;
}


.clear {
	clear: both;
}

body {
	background: #d6d7d9 repeat;
	margin: 0px;
	padding: 0px;
	height: auto;

}

#mainwrapper {
	width: 984px;
	padding: 0;
	margin: 0 auto;	
}

	#header{
		background: url(images/header.jpg) no-repeat;
		width: 984px;
		height: 113px;
		
	}



	ul#menu{
		width: 911px;
		height: 50px;
		display: block;
		padding: 37px 0 0 73px;
		position: relative;
		
		}
		
		ul#menu li {
			height: 50px;
			display: inline;
			float: left;
			
			text-indent: -9999px;
			}
			
			ul#menu li a {
				display: block;
				height: 50px;
			}
		
		ul#menu li.menu_offerte, ul#menu li.menu_offerte a  {
			width: 159px;
		}
		ul#menu li.menu_faq, ul#menu li.menu_faq a  {
			width: 69px;
		}
		
		ul#menu li.menu_links, ul#menu li.menu_links a  {
			width: 80px;
		}
		
		ul#menu li.menu_contact, ul#menu li.menu_contact a  {
			width: 103px;
		}
			
		ul#menu li.menu_home, ul#menu li.menu_home a  {
			width: 88px;
		}
		
		ul#menu li.menu_tellafriend, ul#menu li.menu_tellafriend a {
			width: 160px;
		}

#contenttext {
	background: url(images/bg_fixed_zonder.jpg) no-repeat #bfc0c0;
	color:#000000;
	padding-top: 44px;
	width: 984px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	padding-bottom:25px;
	}
	
	#contenttext .kolom {
		width: 432px;
		display: inline;
		float: left;
		margin: 0 0 0 40px;
	}
	
	#contenttext .box_container {
		margin: 0 0 14px 0;
	}
	
	#contenttext .box_container .box_top, #contenttext .box_container .box_bottom {
		width: 100%;
		height: 21px;
		background: #ebebec;
	}
	
	#contenttext .box_container .box_middle {
		background: #ebebec;
		padding: 0 16px 0 16px;
	}
	
#footer {
	width: 984px;
	height: 56px;
	
	background: url(images/background_footer.jpg) no-repeat top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
	ul#footer_menu {
		margin: 0 0 0 580px;
		padding: 19px 0 0 0;
		height: 25px;
		width: 365px;
		overflow: hidden;
		text-decoration: none;
	}
	
		ul#footer_menu li {
			height: 25px;
			display: inline;
			float: left;
			margin: 0;
			padding: 0;
		}
			ul#footer_menu a {
				display: block;
				height: 25px;
				text-indent: -9999px;
				}
			
			ul#footer_menu li.footer_tarieven, ul#footer_menu li.footer_tarieven a{
				width: 60px;
			}
			
			ul#footer_menu li.footer_about, ul#footer_menu li.footer_about a{
				width: 60px;
			}
			ul#footer_menu li.footer_disclaimer, ul#footer_menu li.footer_disclaimer a {
				width: 73px;
			}
			ul#footer_menu li.footer_arrangementen, ul#footer_menu li.footer_arrangementen a {
				width: 94px;
			}
			ul#footer_menu li.footer_vacatures, ul#footer_menu li.footer_vacatures a{
				width: 68px;
			}
		
/**************** ONDERDELEN *********************/
 	
/* WAGENPARK */
	
	body#wagenpark #content_breed img {
		width: 440px;
		height: 195px;
		margin: 40px auto 40px auto;
	}
	
	body#wagenpark #content_smal {
		margin-top: 0;
	}
	
	body#wagenpark #content_smal ul {
		margin: 5px 0 0 16px;
	}
	
	body#wagenpark #content_smal ul li {
		padding: 15px 0 0 5px;
	}
	
	body#wagenpark #image_bank {
		width: 463px;
	}
	body#wagenpark #image_bank_preview {
		width: 219px;
		height: 187px;
		float:left;
		margin: 0 5px 0 0;
	}
	
	body#wagenpark #image_bank_preview img {
		width: 219px;
		height: 187px;
		margin: 0;
	}
	
	body#wagenpark #image_bank_thumbs {
		width: 217px;
		height: 187px;
		float: left;
	}
	
	body#wagenpark #image_bank_thumbs img {
		width: 104px;
		height: 89px;
		margin: 0 2px 5px 0;
	}
	
	/* EINDE WAGENPARK*/
	
	/* OFFERTE FORMULIER */

.kolom ul {
	list-style: none;
}

	.kolom ul li {
		display: block;
		width: 400px;
		height: 40px;
	}

		.kolom ul li label {
			display: inline;
			width: 105px;
			float: left;
			}
			
			.kolom ul li label.label_tijd {
				margin: 0 30px 0 150px;
			}
			
			.kolom ul li label.label_alt {
				margin: 0 22px 0 0;
			}
			
			.kolom ul li label.soort_persoon_label {
				width: auto;
				margin: 0 8px 0 30px;
			}
			
			.kolom #stap_5 ul li label, .kolom #stap_4 ul li label {
				width: 175px;
			}
		
		.kolom ul li input {
			width: 250px;
			display: inline;
			float: right;
			}
			
			.kolom ul li input[type=text].error {
				background: #EC9090;
				border: 1px solid #EC3131;
			}
			
			.kolom ul li input[type=text], .kolom ul li select {
				
				background: #FFFFFF;
				color: #333333;
				border: 1px solid #7F9DB9;
			}
			
			.kolom ul li input.tijd {
				width: 120px;
				margin: 0 10px 0 0;
				}
				
				.kolom ul li input.tijd.alignright {
					margin-right: 0;
				}
			
			.kolom ul li input.form_radio {
				width: 14px;
				float: left;
			}
			
				.kolom #stap_5 ul li input, .kolom #stap_4 ul li input, .kolom #stap_4 ul li select {
					width: 200px;
				}
				
				.kolom #stap_5 ul li input.form_radio {
					width: 14px;
				}
				
				.kolom #stap_5 ul li input.form_radio {
					width: 14px;
				}
				
				.kolom #stap_5 ul li input#soort_ondernemer_anders {
					width: 200px;
				}
				
				.kolom #stap_6 input {
					margin: 3px 10px 0 0;
					float: left;
				}
		
		.kolom ul li select {
			width: 250px;
			display: inline;
			float: right;
		}
		
		.kolom textarea {
			width: 400px;
			display: block;
			margin: 0 0 20px 0;
			
		}
		
		.kolom h3 {
			margin: 0 0 20px 0;
		}
		
		.kolom a.offerte_voorwaarden {
			width: 101px;
			height: 21px;
			display: block;
			float: left;
			
			background: transparent url(images/button_voorwaarden.jpg) no-repeat top left;
			text-indent: -9999px;
		}
		
		.kolom a.offerte_submit{
			width: 101px;
			height: 21px;
			display: block;
			float: right;
			
			
			background: transparent url(images/button_submit.jpg) no-repeat top left;
			text-indent: -9999px;
		}
		
		.kolom #stap_6 p {
			margin: 0 0 15px 0;
		}
		
		.kolom .notify_box {
			width: 410px;
			padding: 10px;
			
			display: none;
			}
			
			.kolom .notify_box.error {
				background: #EC9090;
				border: 1px solid #EC3131;
			}
			
			.kolom .notify_box.success {
				background: #99EC90;
				border: 1px solid #54EC31;
			}

	/* ABOUT US */
	#about_us blockquote {
		width: 300px;
		float: left;
		margin: 0 10px 0 0;
		padding: 20px 20px;
		font-size: 18px;
		font-weight: normal;
		font-style: normal;
		color: #435362;
		line-height: 30px;
	}
	
	/* FAQ */
	
	#faq ol {
		margin: 0 0 20px 0;
		}
		
		#faq ol li.faq_item {
			margin: 0 0 20px 0;
		}
	
	#faq span.faq_title {
		display: block;
		color: #0F477C;
	}
	
	/* algemene voowaarden */
	
	#disclaimer ol li {
		margin: 0 0 10px 0;
	}
	
	span {
	  font-size: 22px;
	  font-weight: bold;
	}
	
	/* tell a friend */
	
	ul#tellafriend {
		margin: 20px 0 0 0;
		list-style: none;
		padding: 0;
		
		}
		
		ul#tellafriend li {
			height: 40px;
			margin: 0;
			padding: 0;
		}
		
		ul#tellafriend li label {
			width: 200px;
		}
		
		ul#tellafriend li input {
			width: 265px;
			margin: 5px 0 0 0;
			background: #FFFFFF;
			color: #333333;
			border: 1px solid #7F9DB9;
			float: right;
		}
		
		ul#tellafriend li textarea {
			width: 100%;
			display: block;
			border: 1px solid #7F9DB9;
			color: #333333;
			background: #FFFFFF;
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			font-size: 13px;
		}
		
		ul#tellafriend li a {
			width: 101px;
			height: 21px;
			display: block;
			float: right;
			margin: 10px 0 0 0;
			
			background: transparent url(images/button_submit.jpg) no-repeat top left;
			text-indent: -9999px;
		}
		
	/* TARIEVEN */
	#tarieven table#autos {
		width: 100%;
		margin: 0 0 30px 0;
	}
	
	#tarieven table#autos thead th.tarief {
		width: 150px;
		text-align: left;
	} 
	
	#tarieven table#autos thead th.limousine, #tarieven table#autos thead th.passagiers {
		text-align: left;
	}
	
	#tarieven table#autos thead th.tarief_extra  {
		width: 100px;
		text-align: left;
	}
	
	#tarieven #dranken {
		width: 700px;
	}
	#tarieven em {
		margin: 8px 0 30px;
		display: block;
	}
	#tarieven #dranken .drank_soort {
		width: 500px;
	}
/********************** CONTAINERS *********************/
.container_904 {
	width: 850px;
	padding: 24px;
	margin: 0 auto;
	background: #EBEBEC;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}
	
	.container_904 p {
		line-height: 24px;
		margin: 0 0 24px 0;
	}
	
	.container_904 a {
		color: #0F477C;
	}
	
	.container_904 a:hover {
		text-decoration: underline;
	}
	
	.container_904 h1 {
		font-size: 32px;
		font-weight: bold;
		font-style: normal;
		color: #435362;
	}
	
	.container_904 h2 {
		font-size: 22px;
		font-weight: normal;
		font-style: normal;
		color: #6F767C;
	}
	
	.container_904 h3 {
		font-size: 18px;
		font-weight: bold;
		font-style: normal;
		color: #435362;
	}
	
	.container_904 h4 {
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		color: #6F767C;
	}
	
	.container_904 ul {
		padding: 0 0 0 24px;
		}
		
		.container_904 ul li {
			padding: 0 0 0 5px;
			line-height: 24px;
		}
	
	.container_904 ol {
		padding: 0 0 0 30px;
		}
		
		.container_904 ol li {
			padding: 0 0 0 5px;
			line-height: 24px;
	}
	.right {

	}
	.container_400 {
		width: 400px;
		padding: 24px;
		margin: 0 auto;
		background: #EBEBEC;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-size: 13px;
		float: left;
		margin: 0px 20px 20px 20px;
	}
	.container_400 p {
		line-height: 24px;
		margin: 0 0 24px 0;
	}
	
	.container_400 a {
		color: #0F477C;
	}
	
	.container_400 a:hover {
		text-decoration: underline;
	}
	
	.container_400 h1 {
		font-size: 32px;
		font-weight: bold;
		font-style: normal;
		color: #435362;
	}
	
	.container_400 h2 {
		font-size: 22px;
		font-weight: normal;
		font-style: normal;
		color: #6F767C;
	}
	
	.container_400 h3 {
		font-size: 18px;
		font-weight: bold;
		font-style: normal;
		color: #435362;
	}
	
	.container_400 h4 {
		font-size: 16px;
		font-weight: normal;
		font-style: normal;
		color: #6F767C;
	}
	
	.container_400 ul {
		padding: 0 0 0 24px;
		margin-bottom:25px;
		}
		
		.container_400 ul li {
			padding: 0 0 0 5px;
			line-height: 24px;
		}
	
	.container_400 ol {
		padding: 0 0 0 30px;
		}
		
		
		.container_400 ol li {
			padding: 0 0 0 5px;
			line-height: 24px;
		}
		
	.container_400 span {
		font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;
		font-size:13px;	
		font-weight: normal;
	}
	.container_400 ul li span {
		float:left;
	}
	.container_400 ul.tarieven li {
		list-style-type:none;
		list-style-position:inside;
		margin-left: -27px;
	}
	.container_400 .img_klein {
		margin-top: 20px;
		float:left;
	}

/*
		Caroussel
*/

	#carousel
	{
		width: 1000px;
		height: 500px;
/*
		border: solid 1px red;
*/
		margin-top: -50px;

	}
	
	#carousel a
	{
		position: absolute;
		width: 110px;
	}



	#container {
	  position: absolute;
	  width: 800px;
	  height: 6px;
	  left: 50%;
	  top: 400px;
	  margin-left: -350px;
	  margin-top: -300px;
	}
	
	#text {
	  width: 500px;
	  height: auto;
	  margin-left: 300px;
	  padding-left: 20px;
	  padding-right: 20px;
	  z-index: 5000;
	  position: absolute;
	}
	

	
	a, a:hover {
	  color: #99CCFF;
	  background-color: transparent;
	  text-decoration: none;
	  outline: none;
	}
	
	a:hover {
	  /* color: #CCFF99; */
	  background-color: transparent;
	}
	
	.texts {
	  display:none;
	}
	
	#container img {
	  opacity:0;
	  visibility:hidden;
	}
	
	#container .carousel{
		margin-top:0px;
	}
		
	#textfield img {
	  opacity:1;
	  visibility:visible;
	}
	.pics { 
		height: 266px; 
		width: 400px; 
		padding: 0; 
		margin: 0;
	}
	.pics img { 
		padding: 0px; 
		border: 0px solid #ccc; 
		background-color: #eee; 
		width: 400px; 
		height: 266px; 
		top: 0; 
		left: 0;
	}



