/* ------------------------------------------ GLOBAL LAYOUT -------------------------------------- */
* {
	font-family:					Verdana, Arial;
	font-size:						12px;
}



body {
	background:						url(../content/images/layout/bg.jpg) repeat-x top;
	margin:							0px;
}

#wrapper {
	width:							100%;
}

#container1 {
	width:							1081px;
	height:							100%;
	margin-left:					-540px;
	left:							50%;
	position:						absolute;
	background:						url(../content/images/layout/watermerk.jpg) no-repeat;
}

#container2 {
	width:							934px;
	margin-left:					-467px;
	left:							50%;
	position:						absolute;
}


#pagetitle {
	margin-top:						0px;
	font-size:						14px;
	font-weight:					bold;
}








/* ----------------------------------------- HEADER --------------------------------------*/
#header {
	width:							934px;
	height:							111px;
	background:						url(../content/images/layout/header.jpg);
}




/* ---------------------------------------- TOPMENU -------------------------------------- */
#topmenu {
	width:							934px;
	height:							41px;
	background:						url(../content/images/layout/topmenu.gif);
}
#topmenu ul {
	list-style:						none;
	margin:							0px;
	padding:						0px;
	float: 							left;
	margin-left:					15px;
}
#topmenu ul li {
	float:							left;
	margin:							0px;
	padding:						4px;
}
#topmenu ul li a {
	text-decoration:				none;
	color:							#000000;
	font-weight:					bold;
}
#topmenu ul li a:hover,
#topmenu ul li a.active {
	color:							#ff0000;
}


/* ---------------------------------------- CONTENTS ------------------------------------- */
#contents {
	width:							934px;
}

.contents_top {
	width:							934px;
	height:							23px;
	/*background:						url(../content/images/layout/top.gif);*/
	background:						url(../content/images/layout/bg_top.gif);
}
.contents_bottom {
	width:							934px;
	height:							23px;
	/*background:						url(../content/images/layout/bottom.gif);*/
	background:						url(../content/images/layout/bg_bottom.jpg);
	margin-bottom:					10px;
	clear: both;
}
.contents_body {
	width:							934px;
	/*padding:						5px;*/
	/*background-color:				#FFFFFF;*/
	background:						url(../content/images/layout/bg_body.jpg);
	
	display: 						table;
}


/* ---------------------------------------- FOOTER --------------------------------------- */
#footer {
	width:							934px;
	margin-top:						35px;
	margin-bottom:					200px;
}
#footer_intro {
	width:							904px;
	margin-top:						35px;
}
#footer *,
#footer_intro * {
	font-size:						10px;
	color:							#666666;
}
#footer * a,
#footer_intro * a {
	text-decoration:				none;
}
#footer * a:hover,
#footer_intro * a:hover {
	color:							green;
}
#credits_links {
	float:							left;
	font-size:						10px;
}
#credits_rechts {
	float:							right;
}




/* -------------------------------------------- ZOEKEN ------------------------------------ */
#zoekvenster table {
	margin-left: 10px;
}
#zoekvenster table td{
	padding:						5px;
}
#zoekvenster .knop {
	height:							25px;
	width:							170px;
}
#zoekvenster .selectie {
	width:							250px;
}



#zoekresultaten {
	/*padding:						0px;*/
}

.autorij_geel {
	background:						url(../content/images/layout/autorijgeel.jpg);
	width:							894px;
	height:							70px;
	padding-left:					20px;
	padding-top:					8px;
	padding-right:					20px;
	padding-bottom:					8px;
}
.autorij_grijs {
	background:						url(../content/images/layout/autorijgrijs.jpg);
	width:							894px;
	height:							70px;
	padding-left:					20px;
	padding-top:					8px;
	padding-right:					20px;
	padding-bottom:					8px;
}
.autorij_grijs a,
.autorij_geel a {
	color:							#FF0000;
	text-decoration:				none;
	font-weight:					bold;
}
.autorij_grijs a:hover,
.autorij_geel a:hover {
	color:							blue;
}

.autorij_foto {
	float:							left;
	width:							110px;
}
.autorij_model {
	float:							left;
	width:							304px;
	line-height:					30px;
}
.autorij_brandstof {
	float:							left;
	width:							220px;
	line-height:					30px;
}
.autorij_prijs {
	float:							left;
	width:							130px;
	height:							65px;
	line-height:					30px;
	display: block;
}
.autorij_meerinfo {
	float:							left;
	width:							130px;
	line-height:					30px;
}




/* -------------------------------------------- VOERTUIG DETAILS ------------------------------ */
#voertuig_wrapper {
	padding:						0px;
}

#voertuig_links {
	float:							left;
	width:							333px;
	padding-left:					20px;
}
#voertuig_links td {
	padding:						3px;
}

.kenmerk_title {
	padding-left:					0px;
	font-weight:					bold;
}

#voertuig_rechts {
	float:							left;
}

#voertuig_thumbnails {
	width:							110px;
	float:							left;
	background-color:				#cccccc;
}
.voertuig_thumbnail {
	margin-bottom:					10px;
}

#voertuig_foto {
	float:							left;
}

#voertuig_prijs {
	padding:						10px;
	margin-right:					20px;
	margin-top:						20px;
	background-color:				#F9E515;
	font-weight:					bold;
}

#voertuig_commentaar {
	padding:						10px;
	background-color:				#e8e8e8;
	margin-right:					20px;
	margin-top:						20px;
}
#voertuig_opmerkingen {
	padding:						10px;
	background-color:				#e8e8e8;
	margin-right:					20px;
	margin-top:						20px;
}
#voertuig_commentaar h1,
#voertuig_opmerkingen h1 {
	color:							blue;
	margin:							0px;
	margin-bottom:					10px;
}



#voertuig_uitrusting_top {
	float:							left;
	width:							539px;
	height:							23px;
	padding-left:					11px;
	padding-top:					5px;
	font-weight:					bold;
	background:						url(../content/images/layout/uitrusting_top.jpg);
}
#voertuig_uitrusting_bottom {
	float:							left;
	width:							550px;
	height:							19px;
	background:						url(../content/images/layout/uitrusting_bottom.jpg);
}
#voertuig_uitrusting_body {
	float:							left;
	width:							528px;
	padding-left:					11px;
	padding-right:					11px;
	/*padding-top:					11px;*/
	background:						url(../content/images/layout/uitrusting_body.jpg);
}
.voertuig_uitrusting_item {
	float:							left;
	width:							50%;
	margin-top:						5px;
}



/* ------------------------------------ fotos -------------------------------------- */
.foto_vergroting {
	/*display: 			block;*/
	width:				350px;
	height:				300px;
	
	background-color:	#A4B5CA;
	position: 			absolute;
	padding:			10px;
	margin:				0px;
	visibility: 		hidden;
	
	line-height:		30px;
	font-weight:		bold;
}
.foto_vergroting img {
	margin:				0px;
	padding:			0px;
}



/* ------------------------------------ INFO -------------------------------------- */
#info_body {
	padding-left:					15px;
	padding-right:					15px;
	width:							904px;
}

#info_body h1 {
	font-size:						16px;
	font-weight:					bold;
}







/* ------------------------------------- INTRO ------------------------------------ */
#intro_foto {
	width:							100%;
	height:							253px;
	margin-top:						100px;
	background:						url(../content/images/layout/breedbeeld.gif);
}
#intro_topmenu {
	background:						url(../content/images/layout/intro_topmenu.gif) repeat-y right;
	width:							894px;
	height:							15px;
	text-align:						right;
	padding:						5px;
}
#intro_tekst {
	width:							100%;
	margin-top:						10px;
}
#intro_lijst {
	list-style-image: 				url(../content/images/layout/ok.gif);
}
#intro_topmenu a {
	text-decoration:				none;
	color:							#000000;
	font-weight:					bold;
}
#intro_topmenu a:hover {
	color:							#FF0000;
}
#intro_3{
	padding-right:					7px;
}
#intro_2{
	padding-right:					20px;
}
#intro_1{
	padding-right:					22px;
}





#intro_toonzaal {
	width:							934px;
	height:							186px;
	background:						url(../content/images/layout/intro_toonzaal.jpg);
}
#intro_tekst td {
	vertical-align:					top;
}

#intro_tekst table {
	width:							100%;
}

.intro_tekst_rechts {
	font-size:						14px;
}
#intro_lijst li {
	font-size:						14px;
}