/*
donker blauw:			#575759;
goud:					#96bf0d;
licht blauw:			#96bf0d;
*/

html, body {
	margin:				0;
	padding:			0;
	font-family:		verdana;
	font-size:			11px;
	color: 				#575759;
	text-align:			center;
	height:				100%;
	min-height:			100%;
	background: 		#FFFFFF url(../images/background_bottomgradient.jpg) repeat-x fixed bottom;
}

/* ========================================================================= */
/* DIV columns */
#outer{
	position:			relative; /* needed for footer positioning*/
	margin:				0 auto; /* center, not in IE5 */
	text-align:			left;
	border-left:		1px solid #818386;
	border-right:		1px solid #818386;
	width:				771px;
	margin:				auto;
	height:				auto !important; /* real browsers */
	height:				100%; /* IE6: treaded as min-height*/
	min-height:			100%; /* real browsers */
	background: 		#FFFFFF url(../images/background_topgradient.jpg) repeat-x top;
}

	#header {
		border:				0px solid #FF0000;
		height:				100px;
		background: 		url(../images/logo_header.jpg) no-repeat top center;
		vertical-align:		bottom;
	}
	
	#footer {
		position:			absolute;
		bottom:				0px;
		left:				5px;
		height:				20px;
		width:				764px;
		background:			#FFFFFF url(../images/background_footer.jpg) no-repeat bottom right;
		text-align:			left;
		border:				0px solid #0000FF;
	}

	#bodyblock {
		border:				0px solid #00FF00;
		position:			relative;
		color: 				#575759;
		width:				760px;
		padding:			30px 0 30px 0;
	}

		#contentblock {
			padding:		0 0 0 60px;
			border:			0px solid #0000FF;
		}

	#voorwaarden {
		background: 		url(../images/background_topgradient.jpg) repeat-x top;
	}

		#voorwaarden_txt {
			text-align:		left;
			padding:		10px;
		}

/* ========================================================================= */
/* STANDARD HTML STUFF */
A{
	font-family:		verdana;
	font-size:			11px;
	color:				#96bf0d;
	text-decoration:	none;
}
	A:hover{
		font-family:		verdana;
		font-size:			11px;
		color:				#96bf0d;
		text-decoration:	underline;
		cursor:pointer;
	}
A.titel {
	font-family:		verdana;
	font-size:			11px;
	color:				#96bf0d;
	text-decoration:	none;
}
tr.kiesverz_hover {
		font-family:		verdana;
		font-size:			11px;
		background-color:	#96bf0d;
		cursor:				pointer;
}
tr.kiesverz {
		font-family:		verdana;
		font-size:			11px;
		background-color:	#FFFFFF;
		cursor:				pointer;
}

IMG {
	padding:			0px;
	border:				0;
}

SELECT{
	background-color:	#FFFFFF;
	text-transform:		lowercase;
}

FORM{
	margin:				0;
	padding:			0;
}

UL {
	margin:				0;
	padding:			0;
	color:				#96bf0d;
	list-style-position:inside;
}
	UL A {
		color:				#575759;
	}

span.blauw {
	color:				#575759;
}

.sumbitButton {
	cursor:				pointer;
}

/* ========================================================================= */
/* MENU NAVIGATION */
#navigatie ul
{
	list-style: 		none;
	padding: 			0;
	margin: 			0;
	background-color:	#96bf0d;
	height:				23px;
	padding:			0 0 0 60px;
}

#navigatie li
{
	border-left: 		2px solid #FFFFFF;
	float: 				left;
	height: 			23px;
}

#navigatie li a
{
	background-color:	#575759;
	height: 			23px;
	width: 				100px;
	line-height: 		2em;
	float: 				left;
	display: 			block;
	color: 				#FFFFFF;
	text-decoration: 	none;
	text-align: 		center;
}
	/* SELECTED */
	#navigatie li a.selected
	{
		background-color:	#96bf0d;
	}

/* Hide from IE5-Mac \*/
#navigatie li a
{
	float: 				none;
}
/* End hide */

#navigatie
{
	border: 			0px solid #FF0000;
	padding-top:		80px;
}

.link_info{
	background: 		url(../images/informatie_round.gif) no-repeat right;
	font-weight:		bold;
	font-style:			italic;
	border:				0px solid #F00;
	padding-right:	 	17px;
	cursor: 			default;
}

/* ========================================================================= */
/* ROUNDED CORNERS AND DROPSHADOW /*

	/* Show only to IE PC \*/
	* .boxhead h2 {height: 1%;} /* For IE 5 PC */

	.contentboximage {
		width: 			485px;
		
	}
	
	.contentbox {
		width: 			485px;
		background: 	url(../images/box_content-r.jpg) no-repeat bottom right;
	}
		.menubox {
			margin: 		0 auto; /* center for now */
			width: 			208px;
			background: 	url(../images/box_content-r.jpg) no-repeat bottom right;
			float:			right;
			clear:			both;
		}
	.boxhead {
		background: 	url(../images/box_header-r.jpg) no-repeat top right;
		margin: 		0;
		padding: 		0;
	}
	.boxhead h2 {
		background: 	url(../images/box_header-l.jpg) no-repeat top left;
		margin: 		0;
		padding: 		5px 0px 5px 15px;
		color:			#FFF;
		font-size:		14px;
		text-transform:	uppercase;
	}
	
	.boxhead h3 {
		background: 	url(../images/box_header-l.jpg) no-repeat top left;
		margin: 		0;
		padding: 		5px 0 5px 15px;
		color:			#FFF;
		font-size:		12px;
	}
		
	.boxbody {
		background: 	url(../images/box_content-l.jpg) no-repeat bottom left;
		margin: 		0;
		padding: 		5px 15px 15px 15px;
	}

	a.verztest {
		font-size:		9px;
	}
	
	a.verztest:hover {
		font-size:		9px;
	}
	
	a.verztest:visited {
		font-size:		9px;
	}
/* ========================================================================= */

.picbox{
	float:			right;
	width: 			205px;
	height:			165px;
	clear:			both;
}

/* ========== CONTACT FORMULIER ============================================ */

	input.contact{
		width:			250px;
		font-family:	verdana;
		font-size:		11px;	
		color: 			#575759;
	}
	select.contact{
		width:			250px;
		font-family:	verdana;
		font-size:		11px;	
		color: 			#575759;
	}
	textarea.contact{
		width:			254px;
		height:			150px;
		font-family:	verdana;
		font-size:		11px;	
		color: 			#575759;
		margin-left:	12px;
	}



/* ================================ RONALD TER VEEN ======================== */
.capitalize{
	text-transform:capitalize;
}

.select_gewicht {
	border: 			1px solid #96bf0d;
	width:				100px;
}

.select_prijs {
	border: 			1px solid #96bf0d;
	width:				100px;
}

.text_blue {
	color:				#575759;
}

.checkbox{
	border: 			0px solid #000;
}

.link{
	cursor:				pointer;
}


/* ================================ MARTEN VAN URK ========================= */
div.form {
	position: 			absolute;
	top: 				0px;
	left: 				0px;
	vertical-align: 	bottom;
	height: 			30px;
	width: 				100%;
}

div.betaalscherm {
	position: 			absolute;
	right: 				0px;
	top: 				40px;	
	height: 			100%;
	width: 				20%;
	border: 			2px solid #3399CC;
}

div.berekenscherm {
	position: 			absolute;
	left: 				0px;
	top: 				40px;
	height: 			100%;
	width: 				79%;
	border: 			2px solid #3399CC;
}

div.berekencontent {
	position: 			relative;
	left: 				10px;
	top: 				10px;
	height: 			98%;
	width: 				98%;
}

span.kentekenspan {
	padding-left: 		15px;
	padding-top: 		2px;
	border:				0px solid #FF0000;
}

input.kenteken {
	background-image: 	url(../images/kenteken_invoer.gif);
	background-repeat: 	no-repeat;
	border: 			0px solid #FF0000;;
	width: 				125px;
	font-size: 			20px;
	font-weight:		bold;
	height: 			28px;
	text-transform: 	uppercase;
	padding-left: 		20px;
	padding-top: 		2px;
}

p.error {
	color: 				red;
	}

.button {
	text-align: 		center;
	background-color: 	#CCC;
	color: 				#000;
}

input.totaalavp, input.totaalrechts, input.totaalbrand, input.totaalinboedel, input.totaalauto, input.totaalreis {
	background-color: 	#FFF;
	border: 			0;
	text-align: 		right;
	color: 				#575759;
	font-family:		verdana;
	font-size:			11px;	
}

td.waardemelding {
	color:				#FF0000;
}

input.avp_wijzig {
	background-color: 	#FFF;
	border: 			0;
	text-align: 		left;
	color: 				#575759;
	font-family:		verdana;
	font-size:			11px;	
	}

input.totaalauto {
	background-color: 	#FFF;
	border: 			0px;
	text-align: 		left;
	color: 				#575759;
	font-family:		verdana;
	font-size:			11px;	
}

.input {
	border: 			1px solid #96bf0d;
	width:				250px;
}

.select {
	border: 			1px solid #96bf0d;
	width:				257px;
}

input.submit{
	border: 			1px solid #FF0000;
	padding: 			0;
	vertical-align:		middle;
}

.input_datum {
	border: 			1px solid #96bf0d;
	width: 				20px;
}

.input_bouwjaar {
	border: 			1px solid #96bf0d;
	width: 				57px;
}
.input_datumjaar {
	border: 			1px solid #96bf0d;
	width: 				30px;
}

.input_postcode {
	border: 			1px solid #96bf0d;
	width: 				57px;
	text-transform:		uppercase;
}

.input_waardeaccessoires {
	background: 		url('../images/euroteken.gif') no-repeat;
	border: 			1px solid #96bf0d;
	width: 				50px;
	padding-left:		14px;
}

.input_schadevrijjr {
	border: 			1px solid #96bf0d;
	width: 				57px;
}

/* Validatie van formulier */

select.dekkingen {
	width: 				75px;
}

input.submitbutton {
	background: 		url('../images/submit_blauw.jpg') no-repeat;
	height: 			20px;
	width: 				20px;
	vertical-align:		middle;
	border:				1px solid #F00;
	padding:			0;
	margin:				0;
	padding:			0;
}

div.dekkingbox {
	background-color: 	#D3D3D3;
}

select.verzekeringen {
	width: 				225px;
	}
	
input.winkelmandjesubmit {
	background-color:	#96bf0d;
	color:				#FFF;
	border:				0;
	}
	
input.borderlessinput {
	border: 0;
}	

td.formvalidveld {
	width: 100%;
	color: #FF0000;
	text-align: right;
}

td.infotabelheader {
	background-color:#575759;
	border: 0;
	color: #FFFFFF;
	text-align: center;
}

td.infotabelkleur1 {
	background-color: #FFF;
	color: #575759;
	border: 0;
}

td.infotabelkleur2 {
	background-color: #96bf0d;
	color: #575759;
	border: 0;
}

/* veel gestelde vragen */
div.faqAnswer{
    display:none;
}
	.faq{
		cursor:				pointer;
	}
	
	.faq:hover{
		text-decoration:	underline;
		cursor:				pointer;
	}
	.hidden{
		display:				none;
	}
/* ----------------------- */

form.selectVerzKeuze {
	margin: 	0;
	padding: 	0;
	vertical-align:	top;
}

.submitVerzKeuze {
	border:					none;
	margin:					0;
	vertical-align:			top;
}

.listpos {
	margin:						0 0 0 10px;
	list-style-position: 		outside;
}