/* @override http://autocentrum/_static/css/styles.css */

/* @group 001 IMPORTS */

@import url("tools.css");

/* @end */

/* @group 002 BASE STYLE */

body
{
	background-color			: #c9ccd1;
	background-image			: url(../img/bg.jpg);
	background-repeat			: no-repeat;
	background-position			: center top;
}

#container
{
	margin						: 0 auto;
	width						: 65.50em;
	text-align					: left;
	position					: relative;
	overflow					: hidden;	
}

/* @end */

/* @group 00# HEADER */

#header
{
	position					: absolute;
	top							: 49px;
	right						: 0;
	width						: 340px;
	height						: 45px;
}

/* @end */

/* @group 00# NAV */

#nav
{
	position					: absolute;
	top							: 48px;
	left						: 3px;
	width						: 253px;
	height						: 31px;
	
	white-space					: nowrap;
	list-style					: none;
}

#nav li
{
	float					: left;
	margin						: 0 0 0 0;
	padding						: 0;
	display						: inline;
	list-style-type				: none;
}

#lang-switch{float: right}
#lang-switch li{float: left; font-size: 1.6em; list-style-type: none; margin: 5px 5px 0px 5px}


/* @end */

/* @group 00# CONTENT */

#content
{
	margin-top					: 110px;
}

#content h1
{
	margin						: 0 0 0 5px;
	font-family					: Tahoma;
	font-size					: 1.8em;
	font-weight					: bold;
}

#content h2
{
	margin						: 0 0 1em 5px;
	font-family					: Tahoma;
	font-size					: 1.3em;
	font-weight					: normal;
}

#content h3
{
	margin						: 0 0 0.2em 5px;
	font-family					: Tahoma;
	font-size					: 1.3em;
	font-weight					: bold;
	letter-spacing				: 1px;
}

#content p
{
	margin						: 0 0 1.5em 5px;
	font-family					: Arial;
	font-size					: 1.2em;
	font-weight					: normal;
	line-height					: 1.4em;
	
	color						: #333;
}

#content a, #lang-switch a
{
	color						: #fa8c02;
	text-decoration				: none;
	border-bottom				: 1px dotted #fa8c02;
}

#content a:hover, #lang-switch a:hover
{
	color						: #000;
	border-bottom				: 1px solid #000;
}

#content img
{
	margin						: 0 0 1.5em 0;
}

#content .right
{
	float						: right;
}

#content #map
{
	position				: absolute;
	z-index					: 20;
	right					: 0;
	margin					: 11px 11px 0 0;
	width					: 350px;
	height					: 262px;
}

#content table
{
	margin						: 0 0 1.5em 5px;
	font-size					: 1.2em;
	line-height					: 1.4em;
	color						: #333;
}

#content table th
{
	width						: 120px;
	text-align					: left;
}

/* @group #generated-car-table */

#ldiv_generated-car-table{display: none}

#generated-car-table a
{
	border						: none;

	font-family					: Tahoma;
	font-size					: 1.2em;
	font-weight					: normal;
	line-height					: 1.4em;
	
}

#generated-car-table a:hover
{
	border						: none;
}

#generated-car-table td
{
	vertical-align				: top;
}

#generated-car-table td.foto
{
	padding						: 0;
	margin						: 0;
	
	width						: 124px;
	height						: 100px;
}

#generated-car-table td.foto img
{		
	margin						: 0;
	padding						: 11px;
}

#generated-car-table td.foto img.background
{
	position					: absolute;
	z-index						: -10;
	
	padding						: 0;
}

#generated-car-table th.merk,
#generated-car-table td.merk
{
	width						: 200px;
}

#generated-car-table th.opties,
#generated-car-table td.opties
{
	width						: 186px;
	padding-right               : 5px;
}

#generated-car-table th.brandstof,
#generated-car-table td.brandstof
{
	width						: 110px;
	
}

#generated-car-table th.prijs,
#generated-car-table td.prijs
{
	width						: 100px;

}

#generated-car-table td.spacer
{
	margin						: 0;
	padding						: 0;
	height						: 4px;
	width						: 650px;
	
	line-height					: 0;
	font-size					: 0;
}

#generated-car-table td.spacer img
{
	margin						: 0 0 2px 0;
	padding						: 0;
}

/* @end */
/* @group .home_media */

#content .home_media
{
	position					: relative;
	height						: 175px;
}

#content .home_media .top
{
	position					: absolute;
	z-index						: 100;
	top							: 0px;
	right						: 0;
}

#content .home_media .bottom
{
	position					: absolute;
	z-index						: 10;
}



/* @end */

/* @group #data */

#data
{
	margin						: 0 0 1.5em 5px;
	
	font-family					: Arial;
	font-size					: 1.2em;
	font-weight					: normal;
	line-height					: 1.4em;
	
	color						: #333;
}

#data ul
{
	list-style					: none;
}

#data ul li strong
{
	float						: left;
	display						: block;
	width						: 150px;	
}

#data .prijs
{
	width						: 167px;
	height						: 68px;
}

#data .prijs span
{
	position					: absolute;
	z-index						: 10;
	margin						: 0 0 0 -8px;
	width						: 167px;
	height						: 68px;
	
	font-family					: "Century Gothic";
	font-size					: 1.8em;
	font-weight					: bold;
	line-height					: 1.8em;
	text-align					: center;
	
	color						: #fff;
}

#data .prijs span.small
{
	position					: absolute;
	z-index						: 10;
	margin						: 40px 0 0 -8px;
	width						: 167px;
	height						: 68px;
	
	font-family					: "Century Gothic";
	font-size					: 0.8em;
	font-weight					: bold;
	line-height					: 1.8em;
	text-align					: center;
	
	color						: #fff;
}

#data .prijs img.background
{
	position					: absolute;
	z-index						: -10;
	margin						: 0 0 0 -8px;
	
	padding						: 0;
}

/* @end */

/* @group #fiche */

#fiche
{
	float						: left;
	width						: 280px;
	
	overflow					: hidden;
}

/* @end */

/* @group #photos */

#photos
{
	float						: left;
	width						: 375px;
	overflow					: hidden;
}

#photos img.background
{
	position					: absolute;
	z-index						: -10;
	
	padding						: 0;
}

#photos #master0
{
	margin						: 11px 0 0 10px;
}

#photos .thumbs
{
	width						: 372px;	
}

#photos .thumbs .thumb
{
	float						: left;
	margin						: 0 2px 0 0;
	
	width						: 122px;
	height						: 98px;
}

#photos .thumbs .thumb img
{
	position					: absolute;
	z-index						: 10;
	
	padding						: 11px;
}

#photos .thumbs .thumb img.background
{
	position					: absolute;
	z-index						: -10;
	
	padding						: 0;
}

/* @end */
/* @end */

/* @group 00# FOOTER */

#footer
{
	margin						: 2em auto;
	width						: 65.50em;
	
	font-family					: Arial;
	font-size					: 1.0em;
	font-weight					: normal;
	text-align					: center;
	
	color						: #999;
}

#footer a
{
	color						: #999;
	text-decoration				: none;
	border-bottom				: 1px dotted #999;
}

#footer a:hover
{
	color						: #000;
	border-bottom				: 1px solid #000;
}

/* @end */
