html,body{
	height:100%;
	margin:0;
	padding:0;
} 

body {
	font-family:  arial, verdana, helvetica;
	font-size: 11px;
	background: #2d2d2d url("../images/bgbody.jpg") repeat-y 0 0;
	color:#3d3d3d;
	margin:0;
	padding:0;
}

a{
	color:#000;
	text-decoration: underline;
}
a:hover{
	text-decoration: none;
}

/* MAIN PAGE */
#container{
	background: url("../images/bgsidebar.jpg") repeat-y;
	float: left;
	height: 100%;
	color: #000000;
	margin:auto;
	padding: 0;
	width: auto;
}
#footer{
	float: left;
	clear: both;
	padding: 6px 0;
	color:#fff;
	font-size: 10px;
	height: 38px;
	width: 958px;
	background: url("../images/footerBg.png") no-repeat;
	text-align: center;
	behavior: url("../iepngfix.htc");
}
#footer a{
	text-decoration: none;
	color: #fff;
}
#footer a:hover{
	text-decoration: underline;
}

#logo{
	float: left;
	padding: 0 0 0 0;
	margin:0;
	width:150px;
}
#logo img{
	border:0;
}

#menu{
	float: left;
	padding: 75px 0 0 0px;
	margin:0;
}
	#menu a{
		float: left;
		color: #e2001a;
		text-decoration: none;
		margin: 5px 10px 0 0;
		padding: 0 10px 0 0;
	}
	#menu a:hover{
		color: #e2001a;
		text-decoration: underline;
	}
	#menu a.first{
		border-width: 0 1px 0 0;
		border-color: #e2001a;
		border-style: solid;
		margin-left: 47px;
	}

	#menu ul{
		float: left;
		margin:0;
	}
		#menu ul li{
			list-style-type: none;
			display: inline;	
		}
		#menu ul li a{
			text-decoration: none;
			color: #fff;	
			padding: 5px 10px 5px 10px;
			font-size:11px;
			border: 1px solid transparent;
			border-width: 1px 1px 0 1px;
			margin: 0 2px 0 0;
		}
		#menu ul li a:hover,#menu ul li a.active{
			text-decoration: none;
			border-width: 1px 1px 0 1px;
			border-color: #a5aaaf;
			border-style: solid;	
			color: #e2001a;
			background: url("../images/menuBg.jpg") repeat-x;
		}
					
#content{
	float: left;
	clear: both;
	padding: 0 0 0 0;
	margin: 0;
	min-height: 400px;
	height:auto !important;
	height: 400px;
	width: 958px;
}

.twocol{
	background: url("../images/no-rightcolBg.png") repeat-y;
	behavior: url("../iepngfix.htc");		
}
.threecol{
	background: url("../images/rightcolBg.png") repeat-y;
	behavior: url("../iepngfix.htc");	
}
	#content h1{
		margin: 0 0 10px 0;
		float: left;
		clear: both;		
	}
	#content h2{
		margin: 0 0 10px 0;
		font-size: 14px;
		color: #4e4e4e;
		float: left;
		clear: both;		
	}		
	#content p{
		clear: both;
		float: left;
		width: 480px;
		margin-bottom: 20px;		
	}
	
	#leftcol{
		float: left;
		width: 154px;
		height: 1%;
		padding: 8px 0 8px 20px;
	}
		#leftcol h1{
			font-size: 18px;
			font-weight: normal;
			color: #3e3e3e;
			margin: 20px 0 10px 0;
		}	
	#midcol{
		float: left;
		width: 531px;
		padding: 20px 0 10px 0;	
			
	}

		#midcol h1{
			font-size: 18px;
			font-weight: normal;
			color: #e2001a;
			border:#e2001a solid ;
			border-width: 0 0 1px 0;
			width: 100%;
			margin: 20px 0 10px 0;
		}
		#midcol h2{
			width: 400px;
		}
		#midcol p{
			font-size: 12px;
			margin: 10px 0 10px 0;
		}
	#maincol{
		float: left;
		width: 734px;
		padding: 10px 0 10px 20px;	
	}
		#maincol h1{
			font-size: 18px;
			font-weight: normal;
			width: 100%;
			color: #e2001a;
			border:#e2001a solid ;
			border-width: 0 0 1px 0;
			margin: 20px 0 10px 0;
		}
		#maincol label{
			font-size: 12px;
			font-weight: bold;
			color: #4e4e4e;
			float: left;
			width: 120px;
			margin:0 15px 4px 0;
		}	
		#maincol span{
			font-size: 12px;
			float: left;
			color:#5e5e5e;
			margin:0 0 4px 0;						
		}
		#maincol .big{
			font-size: 18px;
			font-weight: bold;
			margin: 0 0 10px 0;
			color: #3e3e3e;
		}		
		#maincol .standard{
			width: 330px;
			float: left;
			padding: 10px 0 0 20px;
		}
		#maincol .mainimg{
			float: left;
			width: 384px;
			padding: 10px 0 0 0;
		}
		/*
		#maincol .downloadfiche{
			float: right;
			width: 375px;
			padding: 10px 0 0 0;
		}
		*/
	.downloadfiche{
		clear: right;
		padding-top:5px;
		display: block;
		color: #ae0009;
	}
			
	.downloadfiche img{
		float: left;
		margin-top: 5px;
	}
	.downloadfiche span{
		text-decoration: underline;
		float: left;
		padding: 10px 0 0 10px;
		color: #ae0009;
	}
	.downloadfiche span:hover{
		text-decoration: none;
	}			
		
		#maincol h2{
			color: #e2001a; 
			margin: 10px 0 10px 0;
			clear: both;
			width: 100%;
		}
		#maincol .options{
			margin-top:10px;
			float: left;
			width: 400px;
		}
		#maincol ul{
			float: left;
			margin:0;
		}
		#maincol ul li{
			list-style-type: disc;
		}
		#maincol .thumbrail{
			float: right;
			text-align: right;
			margin: 5px 0 0 0;
		}
		
	#rightcol{
		float: right;
		width: 195px;
		height: 100%;
		padding: 8px 0 0 40px;	
	}
		#rightcol h1{
			font-size: 18px;
			font-weight: normal;
			color: #e2001a;
			margin: 20px 0 10px 0;
		}
		
	.kijker{
		float: left;
		clear: both;
		background: url("/images/carBox.jpg") no-repeat;
		padding: 10px 0 10px 10px;
		height: auto;
		width: 130px;		
		margin:0 0 10px 0;
		border: 0;
		text-decoration: none;
	}
	.kijker:hover{
		text-decoration: underline;
		color: #fff;
	}
	.kijker img{
		float: left;
		clear: both;
		border: #e2001a 1px solid;
		width: 118px;
	}
	.kijker .small{
		width: 100%;
		float: left;
		clear: both;
		color: #fff;
		margin-top: 4px;
		font-size: 11px;
	}
	.kijker .verysmall{
		width: 100%;
		float: left;
		color: #fff;
		font-size: 9px;
	}	
	
	.options{
		color:#5e5e5e;
	}
	.back{
		float: right;
	}
	
	.thumb {
		margin: 0px;
		position: relative;
		width: 84px;
		float: left;
		margin-right: 4px;
	}
	.thumb img {
		width: 80px;
		background: #fff;
		border: solid 1px #ccc;
		padding: 2px;
	}
	
	
	
		
	
	form{
		float: left;
		height: auto;
	}
	
	#adres{
		line-height: 18px;
		float: left;
		width: 200px;
		font-size: 12px;
	}
	#adres a{
		display: block;
		margin: 6px 0 0 0;
	}
	#adres a:hover{
		text-decoration: none;
	}	
	#contact{
		float: left;
		width: 100px;
	}
	
	
	.search,.search2{
		background: url("/images/formBg.jpg") no-repeat;
		width: 536px;
		height: auto !important;
		height: 273px;
		margin: 10px 0 10px 0;
		float: left;
	}
	.search span{
		padding-top: 2px;
	}
	.search .extsearchlink{
		font-size: 12px;
	}
	.search2{
		background: none;
		/*border: 1px solid #ccc;*/
		margin-top:0;
		height: auto !important;
		min-height: 0;
	}
	.search2 h2{
		float: left;
		width: 100%;
		clear: both;
		margin: 20px 0 0 20px;
		border: 1px solid #ccc;
		border-width: 0 0 1px 0;		
	}
	.formcol,.formsubmitcol,.formsubmitclear{
		width: 155px;
		float: left;
		clear: none;
		margin: 20px 0 20px 20px;
	}	
	.formsubmitcol{
		width: 165px;
		padding: 170px 0 0 0;
	}
	.formsubmitclear{
		clear: both;
		margin-top: 0;
	}

	form a{
		clear: both;
		color: #e2001a;
		text-decoration: none;
		margin: 0 0 10px 0;
		display: block;
	}
	form a:hover{
		text-decoration: underline;
	}
	label{
		width: 100%;
		float: left;
		clear: both;
		margin-bottom: 2px;
		font-size: 11px;
	}
	.big{
		font-size: 18px;
		color: #000;
	}
	input.text,textarea.text{
		clear: both;
		float: left;
		width: 150px;
		margin-bottom: 8px;	
		border: 1px solid #bebebe;
		background: #ffffff;
		padding: 2px;
		font-family: tahoma, arial, helvetica, verdana;
		font-size: 11px;
	}
	textarea.text{
		width: 280px;
		height: 60px;
	}
	input.text:focus,textarea.text:focus{
		border: 1px solid #4e4e4e;	
		background: #ffffff;	
	}
	input.btn{
		background: url(/images/btnSearch.png) no-repeat;
		color: #3e3e3e;
		height: 25px;
		width: 69px;
		border: 0;
		float: left;
		font-size: 12px;
		padding-bottom:10px;
		padding-top: 0px;
		border: none;
		text-align: center;
		cursor: pointer;
		margin:0 2px 0 0;
		behavior: url("../iepngfix.htc");
	}

	input.checkbox{
		float: left;
		clear: none;
	}
	input.radiobutton{
		float: left;
		margin-bottom: 10px;
	}
	form span{
		float: left;
		height: auto;
		margin-bottom: 10px;	
	}

	select{
		float: left;
		font-family: tahoma, arial, helvetica, verdana;
		font-size: 11px;
		width: 150px;
		margin: 0 0 7px 0;	
	}
	.selNumber{
		width: 75px;
		clear: none;
	}
	form br{
		clear: both;
	}
	
	.errmsg{
		display: block;
		float: left;
		margin: 10px -1px 10px 0;
		font-weight: bold;
		color: #fff;
		background: #e2001a;
		padding: 4px;
		border: 1px solid #ccc;
		width: 200px;
	}
	.required{
		font-weight: bold;
		color: #e2001a;
		margin-left: 5px;
	}
	.myStar{
		display: block;
		padding-top: 5px;
		height: 1px;
	}
	.obligatory{
		display: block;
		margin-left: 250px;
		margin-bottom: 2px;
		color: #663300;
	}
	
	.feedback{
		float: left;
		clear: both;
		color: #fff;
	}
	.feedback a{
		color: #fff;
		text-decoration: underline;
	}
	.feedback a:hover{
		color: #fff;
		text-decoration: none;
	}
	.clear{
		clear: both;
	}
	
	#resultaat{
		clear: both;
		float: left;
		margin: 10px 0 0 0;
		font-weight: bold;
		font-size: 12px;
	}
	
	.rolloverbtn{
		background: url("/images/btn-with-rollover.png") no-repeat top left;
		color: #000;
		float: left;
		width: 115px;
		height: 21px;
		padding-top: 4px;
		clear: none;
		text-align: center;
		text-decoration: none;
		margin: 10px 5px 10px 0;
	}
	.rolloverbtn:hover{
		background-position: bottom left;
		color: #fff;
	}
	.clearleft{
		clear: left;
	}
	

table {
	width: auto;
	border-collapse: collapse;
	empty-cells: show;
	clear: both;
	margin: 5px 0 5px 0;
}

caption {
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	font-size: 18px;
	text-align: left;
	margin-right:-1px;
	color: #fff;
	background-color: #aaa;
}

th, td {
	padding: 3px 5px 3px 5px;
	background-color: #fafafa;
	color: #5e5e5e;
	border: 1px solid #ddd;
	vertical-align: top;
}

th {
	background-color: #efefef;
	color: #3e3e3e;
}

th a {
	display: block;
	width: 100%;
	color: #000;
	text-decoration:none;
}

th a:hover, .current-sort {
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: center right;
}

/* TABLE HEADER + PAGER */
.tableheader, .tablefooter {
	clear:both;
	height: 1%;
	line-height: 16px;
	margin-left: -1px;
	padding: 0px;
}

.tableheader{
	/*
	border: 1px #ccc solid;
	float: left;
	height: 1%;	
	width: 100%;
	background: #fff url("../images/tabareabg.gif") repeat-x;*/
}

.tablefooter {
	margin: 0 0 30px -1px;
	border: 1px #e2001a solid;
	border-top: 0px;
	background: #e2001a url("../images/tabareabg2.gif") repeat-x bottom;
	behavior: url("../iepngfix.htc");	
}

.tableheader h1 {
	color: #000;
	font-size: 11px;
	padding: 0 0 0 15px;
}

#record-browser {
	float: left;
	color: #3e3e3e;
	font-size: 12px;
	top: 8px;
}
#record-browser a{
	display: block;
	padding: 2px 4px 2px 4px;
}

#record-browser .page,#record-browser .active{
	text-align: center;
	float: left;
	width: 20px;
	height: auto;
	border: 1px #ccc solid;
	padding: 0px;
	margin: 0 3px 3px 0;
	color:#aaa;
	font-size: 10px;
	text-decoration: none;
	background: url("../images/tabareabg.gif") repeat-x;
	behavior: url("../iepngfix.htc");
}
#record-browser .page:hover,#record-browser .active{
	color: #3e3e3e;
	background:#eee;
}

#record-browser p {
	font-weight: bold;
	float: left;
	margin: 3px 20px -3px 20px;
}
.float-left {
	float:left;
}

.float-right {
	float:right;
}