/*  
Thema Naam: Automobielbedrijf Oldenhage
Website URL: http://www.autooldenhage.nl/
Versie: 1.0
Laatst aangepast: 10 februari 2009

Auteur: Webtilize, Stefan Keijzer
Auteur URL: http://webtilize.net/
*/

/*----------------------------------------------
[INHOUDS OPGAVE]

1. Body
2. Header
3. Content
4. Footer
5. Occassions en Presentation en Statusbar
----------------------------------------------*/


/*
margin: top right bottom left;
padding: top right bottom left;
*/


/*----------------------------------------------
[1. Body] */

* {
	line-height: normal;
	list-style: none;
	margin: 0;
	outline: none;
	padding: 0;
}

body, html {
	background: #FFF url(images/background.png) repeat-x;
	border: none;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;
	text-decoration: none;
}

img {
	border: none;
}
a,
a:active,
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	color: #B1D6E0;
	padding: 0 0 20px 0;
}
h2 {
	color: #990000;
	font-size: 13px;
	padding: 0 0 2px 0;
}
h3 {
	border-bottom: #E4143E 1px solid;
	color: #E4143E;
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0 0 2px 0;	
	width: 95%;
}

.container {
	left: 50%;
	margin-left: -425px;
	position: absolute;
	width: 850px;	
}



/*----------------------------------------------
[2. Header] */

#header {
	height: 135px;
	width: 850px;
}
#header .logo {
	background: url(images/logo.png) repeat-x;
	float: left;
	height: 90px;
	width: 370px;
}
#header .logo a {
	display: block;
	height: 90px;
	width: 370px;
}
#header .logo span {
	display: none;
}

#header img.citroen {
	float: left;
	height: 50px;
	padding: 35px 0 0 0;	
	width: 50px;
}

#header .navigation {
	clear: both;
	font-size: 14px;
	font-weight: bolder;
	padding: 18px 0 0 23px;
	*padding: 9px 0 0 23px;
}
#header .navigation ul li {
	float: left;
	padding: 0 30px 0 0;
}
#header .navigation ul li a {
	color: #FFFFFF;
}



/*----------------------------------------------
[3. Content] */

#content {
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	padding: 15px 21px 0 21px;
}
#content .welcome {	
	color: #D9E9FC;
	font-size: 90px;
	font-weight: bold;
	margin: 0 0 0 350px;
}
#content .intro {	
	margin: 0 0 0 470px;
}

#content p {
	padding: 10px 0 0 0;
	font-size: 13px;
	line-height: 18px;	
}
#content p a,
#content li a {
	color: #000000;
	text-decoration: underline;
}
#content p a:hover,
#content li a:hover {
	color: #CC0000;
}

#left {
	float: left;
	width: 48%;
}
#right {
	float: right;
	width: 48%;
}
#left img,
#right img {
	padding: 0 0 10px 0;
}
#left ul,
#right ul {
	clear: both;
}

td.left {
	width: 100px;
}
td.center {
	width: 600px;
}
td.right {
	text-align: right;
	width: 100px;
}




/*----------------------------------------------
[4. Footer] */

#footer {
	background: url(images/footer.png) center 10px no-repeat;
	border-left: #CCCCCC 1px solid;
	border-right: #CCCCCC 1px solid;
	clear: both;
	color: #999999;
	font-size: 11px;
	height: 18px;	
	padding: 30px 20px 0 20px;
}
#footer .left {
	float: left;
	width: 500px;
}
#footer .right {
	float: right;
	text-align: right;
	width: 300px;
}



/*----------------------------------------------
[5. Occassions en Presentation en Statusbar] */

#content table.occassions tr h2 a {
	color: #990000;
}
#content table.occassions tr.bg1 {
	background: #FEE2E8;
}
#content table.occassions tr.bg2 {
	background: #FFF2F3;
}
#content table.occassions tr.over {
	background: #FDD0D1;
	cursor: pointer;
}
#content table.occassions tr .image {
	background: #FFFFFF;
	border: #CC0000 1px solid;
	margin: 3px;
	padding: 3px;
	width: 100px;
}
#content table.occassions tr .image img {
	height: 75px;
	width: 100px;
}
#content table.occassions td.information {	
	padding: 10px;
	vertical-align: top;
	width: 380px;
}
#content table.occassions td.details {
	padding: 0 0 0 20px;
	width: 180px;
}
#content table.occassions td.details .item {
	color: #666666;
}
#content table.occassions td.price {
	font-size: 15px;
	font-weight: bold;	
	padding: 0 10px 0 0;
	text-align: right;
	width: 80px;
}
#content table.occassions p.info {
	font-size: 11px;
	padding: 0;
}

#presentation table.pictures {	
	height: 240px;
	margin: 0 0 20px 0;
	width: 405px;
}
#presentation td.small {
	height: 55px;
	width: 80px;
}
#presentation img {
	height: 240px;
	width: 320px;
}
#presentation td.small img.small {
	height: 55px;
	padding: 0 0 5px 5px;
	width: 80px;
}
#presentation .data {
	padding: 0 0 0 40px;
	width: 350px;
}
#presentation .data ul.type {
	float: left;
	width: 150px;
}
#presentation .data ul.info {
	float: left;
	width: 170px;
	overflow: hidden;
}
#presentation .data ul.type li,
#presentation .data ul.info li {
	font-size: 11px;
	line-height: 18px;
	width: 150px;
	overflow: hidden;
	height: 18px;
}
#presentation .extra {
	clear: left;
	width: 405px;
}
#presentation .extra p {
	font-size: 12px;
	padding: 2px 0 10px 0;
}
#presentation .options {
	width: 350px;
}

#statusbar {
	background: #E2F3FE;
	border: #000099 1px dashed;
	padding: 8px;
}
#statusbar ul#categories {
	display: none;
	width: 300px;
}
#statusbar ul#categories li {
	float: left;
	width: 149px;
}
#statusbar a.main {
	color: #0099FF;
	font-size: 14px;
}
#statusbar select {
	height: 22px;
	padding: 2px 0 0 0;
}
#statusbar .price,
#statusbar .name,
#statusbar .year {
	float: left;
	margin: 0 0 0 20px;
}
.nav a {
	color: #0000CC;
	font-weight: bold;
}
.nav a:hover {
	color: #FF3300;
}