/*  
Theme Name: MDJ Auto's
Theme URI: http://www.mdjautos.nl/
Description: Het thema voor MDJ Auto's
Version: 1.0
Author: Harry Wedzinga
Author URI: http://www.noordmedia.nl/
*/

* {
	padding:0; 
	margin:0
}

body {
	background:#1D1D1D;
	color:#fff;
	font:0.75em/140% "Trebuchet MS", Verdana, Arial, sans-serif;
	padding-top: 15px;
	padding-bottom: 15px;
}

#head, #container, #bottom, #footer, #nav{width:770px}
#container, #bottom, #head, #footer, #container-content {margin:0 auto}

#container {background: #fff;}

.widecol { 	
	width:720px;
	height:15px;
	clear:both;
	padding-right:15px;
	padding-left:15px;
}

#container-content {
	width:750px;
	background: #4e6170 url(images/bg-container-content.gif) no-repeat center top;
	padding-bottom:15px;	
	/*min-height hack*/
	min-height:300px;
  height:auto !important;
  height:300px;
	/*End hack*/
}

#head {
	position:relative;
	height:165px;
	background: url(images/splash.jpg) no-repeat;
}

#top {
	background: url(images/bg-top.jpg) no-repeat;
	height: 10px;
}

#logo{
	position:absolute;
	left:50px;
	top:32px;
}

#footer {
	height:100px;
	font-size:95%;
	background: url(images/bg-footer.jpg) no-repeat left top;
	color: #666666;
}

#footer p.adresblok{
	font: .85em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	float:left;
	text-align: left;
	padding-top: 40px;
	padding-left: 110px;
}

#footer p.adresblok a { color: #666666; }

.copyright {
	width:770px;
	text-align:center;
	margin:0 auto;
	font-size: 0.75em;
	text-transform: uppercase;
	padding-top:10px;
	color: #999;
}

.copyright a {border:none; color: #999;}
.copyright a:hover {border:none; color:#ccc;}

#sidebar, #content, #content-detail, #content-homeleft, #content-homeright, .widecol{
	float:left;
	padding-top:20px;
}

#sidebar{
	width:230px;
	padding-right: 10px;
	padding-left: 15px;
}

#content{
	width:470px;
	padding-right:15px;
	padding-left:10px;
}

#content-detail{
	width:485px;
	padding-right:0px;
	padding-left:10px;
}

#content-homeleft, #content-homeright {width:350px;}

#content-homeleft {
	padding-left:15px;
	padding-right:10px;
}

#content-homeright {
	padding-left:10px;
	padding-right:15px;
}

#aanbodlijst {padding:15px;}

#nav{
	position:relative;
	height: 30px;
	background: url(images/bg-nav.gif) no-repeat center;
}

#nav ul{
	position: absolute;
	left: 14px;
	top: 4px;
	list-style-type: none;	
}

#nav ul li{
	height:30px;
	width:90px;
	float:left;
	padding-right: 3px;
}

#nav ul li a{
	height:24px;
	padding-top: 6px;
	width:90px;
	text-align: center;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 0.9em;
	font-weight: bold;
	background: url(images/bg-navitem.gif) no-repeat;
	line-height: 100%;
}

#nav ul li a:hover{ background: url(images/bg-navitem-select.gif) no-repeat; }

ul{list-style: none;}

#content ul {
	list-style: disc inside;
	padding-left:15px;
	margin-bottom:15px;
}

#content ol {
	list-style: decimal inside;
	padding-left:15px;
	margin-bottom:15px;
}

#content ul li, #content ol li {padding-bottom:5px;}

ul.headlines li {
	background: url(images/blt-headlines.gif) no-repeat left 8px;
	padding-left:15px;
}

ul.submenu {
	font: .8em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
	letter-spacing: .1em;
	margin-bottom: 20px;
}

ul.submenu li{
	font-weight: normal; 
	letter-spacing: 0em;
	line-height: 1.8em;
}

p{margin-bottom:10px}

h1, h2, h1 a, h2 a{color:#fff;}

h1{
	font-size:1.6em;
	font-weight: normal;
	margin-bottom: 10px;
	line-height: 110%;
}

h1.headline { margin-bottom: 5px; }

h2 {
	font-size:1.4em;
	font-weight: normal;
	margin-bottom:5px;
}

h2.subline {margin-bottom:10px;}

h2.listheader {
	color:#663300;
	margin-bottom:5px;
	font: bold 0.85em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

h3 {
	color:#663300;
	margin-bottom:15px;
	font: bold 0.85em "Trebuchet MS", Verdana, Arial, sans-serif;
	text-transform: uppercase;
}

a, a:hover {text-decoration:none;}
a img {border:none;}
a {color:#fff;}


a:hover {border-bottom: 1px solid #fff;}

#nav a{
	border-bottom: none !important; /*FF*/
	border-bottom: none; /*IE*/
}

a.no-linkborder img {
	border: none !important; /*FF*/
	border: none; /*IE*/
}

a.no-linkborder, a:hover.no-linkborder {
	border-bottom: none !important; /*FF*/
	border-bottom: none; /*IE*/
}

img.right-border,img.left-border,img.border {
	background:#fff;
	border:1px solid #ccc;
	padding:4px
}

img.border {clear:both;}

img.right-border,img.right {
	float:right;
	margin:5px 0 5px 10px
}

img.left-border,img.left {
	float:left;
	margin:5px 10px 5px 0
}

.item{
	margin-bottom: 30px;
	clear: both;
}

.edit{
	font-size: .85em;
	text-transform: uppercase;
	color: #666666;
}

/*TABLE*/

table {
	border-collapse:collapse;
	width:100%;
	margin-top:5px;
	margin-bottom:15px;
}

thead {
	background:#384652;
	text-transform: uppercase;
	font-size: .8em;
	font-weight: bold;
	text-align:left;
}

td, th {
	vertical-align:top; 
	padding:5px; 
}

td {border-top: 1px solid #8498A8; border-bottom: 1px solid #8498A8;}
.firsttd { border-left: 1px solid #8498A8; }
.lasttd { border-right: 1px solid #8498A8; }

.spacer {border: none; height:10px;}
.spacer td {border:none;}

.kleur, .kmstand, .bouwjaar, .prijs {width:60px;}

tr.highlight{
	cursor: pointer;
	background: #607688;
}

table#details td {padding:2px; }
table#details td.AttributeName {font-weight: bold;}

/*END TABLE*/

.moreInformation {
	width:470px;
	margin-top:15px;
	padding-top:10px;
	clear:both;
	border-top: 1px solid #8498A8;
	border-bottom: 1px solid #8498A8;
}

.preview {position:relative;}
.sold{position:absolute; top:6px; left:6px; }