/* Reset */
body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul,
ol, li, dl, dt, dd, form, a, fieldset, input, th, td, hr
{
	margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
}

body
{
	line-height: 1;
	font-size: 88%;
}

h1, h2, h3, h4, h5, h6
{
	font-size: 100%;
	padding:0 0;
	margin: 0 0px;
}

ul, ol
{
	list-style: none;
}

img	{border: 0;}

.clear {clear:both;}
.float-right {float:right;}
.float-left {float:left;}

/* Basic Elements */
html {
     overflow: -moz-scrollbars-vertical;
}
body{
	background: url(../images/wolken.jpg) repeat-x;
	color:#464646;
	font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;
	font-size:12px;
	margin:0 auto;
	text-align:center;
}
	h1, h2, h3, h4, span.h3, .rubriek{
		border-bottom:1px solid #e57200;
		color:#004a80;
		font-size:18px;
		font-weight:bold;
		margin-bottom:10px;
		padding-bottom:5px;
		text-transform:uppercase;
	}
	h2{
		border:none;
		font-size:16px;
		padding-bottom:0;
	}
	h3, span.h3{
		font-size:14px;
		text-transform: none;
	}
	.rubriek{
		border:none;
		font-size:12px;
	}
	p{
		line-height:20px;
		margin-bottom:20px;
	}
	a{
		color:#cd5a13;
		font-weight:bold;
		text-decoration:underline;
	}
	a:hover{
		text-decoration:none;	
	}
	a:visited{
		color:#004a80;	
	}
	a.link{
		background-color: #eee;
		color:#cd5a13;
		font-weight:bold;
		padding:2px 4px;
		text-decoration:none;
	}
	a.link:hover{
		text-decoration:underline;
	}
	table tr td{
		height:20px;
		line-height:20px;
	}
	
	/* Basic layout */
	div#container{
		margin:0 auto;
		text-align:left;
		width:960px;
	}
		div#header{
			background: url(../images/header.jpg) no-repeat;
			height:130px;
			position:relative;
		}
			img#logo{
				left:15px;
				top:5px;
				position:absolute;
			}
			div#meer-info{
				color:#004a80;
				font-size:16px;
				font-weight:bold;
				position:absolute;
				text-transform:uppercase;
				text-align:center;
				top:23px;
				right:20px;
				width:180px;
			}
				div#meer-info img{
					margin:3px 5px 0 0;
				}
				
				div#meer-info span{
					color:#e67200;
					display:block;
					font-size:18px;
					font-weight:bold;
				}
			
			ul#nav{
				top:90px;
				left:1px;
				position:absolute;
			}
				ul#nav li{
					background: url(../images/nav_button.png) left top no-repeat;
					float:left;
					position:relative;
					height: 36px;
					width:179px;
				}
				ul#nav li:hover, ul#nav li.current{
					background: url(../images/nav_button.png) left -36px no-repeat;
					position:relative;
					height: 36px;
					width:179px;
				}
				ul#nav li.parent:hover{
					background: url(../images/nav_button.png) left bottom no-repeat;
					position:relative;
					height: 36px;
					width:179px;
				}
					ul#nav li a{
						color:#fff;
						display:block;
						font-size:14px;
						font-weight:bold;
						height:32px;
						line-height:32px;
						text-align:center;
						text-decoration:none;
					}
					ul#nav li div.sub-nav{
						background:url(../images/bg_subnav-bottom.png) left bottom no-repeat;
						display:none;
						position:absolute;
						left:0;
						top:33px;
						padding-bottom:6px;
						z-index:3;
					}
					ul#nav li:hover div.sub-nav{
						display:block;
					}
						ul#nav li div.sub-nav ul{
							background: url(../images/bg_subnav.png) left top repeat-y;
						}
						ul#nav li div.sub-nav ul li{
							background: none;
							border-bottom:1px solid #e19038;
							float:none;
							height:25px;
							line-height:25px;
							margin:0 10px;
							width:159px;
						}
						ul#nav li div.sub-nav ul li.last{
							border-bottom:none;
						}
							ul#nav li div.sub-nav ul li a{
								display:block;
								color:#004a80;
								font-size:12px;
								height:25px;
								line-height:25px;
								text-align:left;
								width:159px;
							}
							ul#nav li div.sub-nav ul li a:hover{
								color:#464646;
							}
							
		div#body{

		}
			div#content{
				float:left;
				margin:30px 0 0 20px;
				width:680px;
			}
				input.btnSubmit{
					cursor: pointer;
					display:block;
					height:26px;
					width:105px;
				}
			div#snippets{
				float:left;
				width:260px;
			}
				div.snippet{
					width:241px;
					margin-left:19px;
				}
					div.snippet-header{
						background:url(../images/bg_snippet_header.png) no-repeat;
						height:7px;
						width:100%;
					}
					div.snippet-content{
						background:url(../images/bg_snippet_content.png) repeat-y;
						padding:10px 20px;
						width:100%;
					}
						div.snippet-content ul li{
							background:url(../images/snippet_pijltje.gif) left 8px no-repeat;
							height:25px;
							line-height:25px;
							padding-left:8px;
						}
							div.snippet-content ul li a{
								color:#cd5a13;
								font-size:15px;
								font-weight:bold;
								text-decoration:none;
							}
							div.snippet-content ul li a:hover{
								text-decoration:underline;
							}
					div.snippet-footer{
						background:url(../images/bg_snippet_footer.png) no-repeat;
						height:10px;
						width:100%;
					}
			div#Keurmerk{
				float:left;
				margin-top:20px;
				margin-left:10px;
				margin-bottom:20px;
			}
					
		div#aanbod{
			margin-top:10px;
		}
			div#aanbod-header{
				background:url(../images/bg_aanbod_header.png) no-repeat;
				height:7px;
				width:100%;
			}
			div#aanbod-content{
				background:url(../images/bg_aanbod_content.png) repeat-y;
				padding:15px 20px;
			}
				div.touringcar{
					border-top: 1px solid #ccc;
					margin-top:10px;
					padding-top:10px;
				}
					div.tour-img{
						position:relative;
					}
					div.img-overlay{
						background-color: #000;
						height:40px;
						left:0;
						position: absolute;
						top:119px;
						width:180px;
						opacity:0.4;
						filter:alpha(opacity=40);
					}
						div.overlay-tekst{
							color:#e57200;
							font-weight:bold;
							font-size:14px;
							left:10px;
							position: absolute;
							text-transform: uppercase;
							top:130px;
						}
					div.touringcar div.tekst{
						float:right;
						width:480px;
					}
					div#touringcar_spacer{
						border-top: 1px solid #ccc;
						clear:both;
						height:10px;
						margin-top:10px;
					}
				
				div#aanbod-content ul li{
					float:left;
					margin-right:5px;
					width:180px;
					overflow:hidden;
				}
					div#aanbod-content ul li a{
						text-decoration:none;
					}
						div#aanbod-content ul li span.h3{
							background:url(../images/aanbod_pijltje.gif) left 2px no-repeat;
							display:block;
							border:none;
							margin:5px;
							padding:0;
							padding-left:9px;
						}
						div#aanbod-content ul li span.offerte{
							color:#e57200;
							font-weight:bold;
							margin:5px;
						}
				div#aanbod-content ul li.last{
					margin-right:0;
				}
			div#aanbod-footer{
				background:url(../images/bg_aanbod_footer.png) no-repeat;
				height:10px;
				width:100%;
			}
	div#footer{
		border-top:1px solid #ccc;
		margin:20px 0;
		padding-top:5px;
	}
		div#footer span{
			color:#004a80;
			float:right;
			font-size:11px;
			margin-right:15px;
		}
		
/* Form */
.addeditguestbook {
	display:none;
}

.meldingVerplicht {
	width: 94.5%;
	min-height: 18px;
	padding: 5px 5px 5px 30px;
	margin-bottom: 18px;
	border: 0px;
	color: #004a80;
	border:1px solid #e57200;
	background: #fff url(/images/ico-verplicht.gif) no-repeat 5px 5px;
}

.meldingVerplicht ul {
	margin: 0px;
	list-style: none;

}

.meldingVerplicht li {
	margin: 0px;
	padding: 4px 0px 0px 20px;
	font-weight:bold;
	cursor:pointer;
}

label.description
{	
	border:none;
	font-weight:normal;
	display:block;
	line-height:150%;
	padding:0 0 1px;
}

input.text
{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	margin:0;
	padding:5px;
}

input.small		 {width:25%;}
input.medium	 {width:50%;}
input.mediumplus {width:63%;}
input.large		 {width:99%;}

textarea.textarea
{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	margin:0;
	padding:3px;
	width:99%;
}

span.verplicht{
	color:#e57200;
	display:block;
	float:left;
	font-size: 16px;
	font-weight:bold;
	height:30px;
	line-height:30px;
}

textarea.small	{height:5.5em;}
textarea.medium	{height:10em;width:80%;}
textarea.mediumplus	{height:10em;width:63.5%;}
textarea.large	{height:20em;}

.button_text {
	color:#ff7800;      
	font-size:14px;
	padding:3px;
	font-weight:bold;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}

select.mediumplus {width:64.7%;}
select.text{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	margin:0;
	padding:5px;
}


fieldset.form-groep{
	margin-top:20px;
}
	fieldset.form-groep legend{
		color:#004a80;
		font-weight:bold;
		margin-bottom:5px;
		padding:0;
		text-transform:uppercase;
	}
		fieldset.form-groep ul li{
			margin:10px 0;
			height:25px;
		}
		fieldset.form-groep ul li.textarea{
			height:auto;
			margin: 0;
		}
			fieldset.form-groep ul li label{
				display:block;
				float:left;
				width:226px;
			}
			
			
fieldset#offerte-gegevens ul{
	border-top:1px solid #ccc;
	background-color:#eee;
}
	fieldset#offerte-gegevens ul li label{
		height:30px;
		line-height:25px;
		padding-left:5px;
		font-weight:bold;
		width:221px;
	}
	fieldset#offerte-gegevens ul li{
		height:30px;
		line-height:25px;
		
	}