* {font-family: arial, sans-serif; margin: 0}

html, body {height: 100%}

label {
	font-family: arial, sans-serif;
	font-size: 11px;
}

body {background: #e5e5e5 url(../images/background-site.png)repeat-y center top; margin: 0; padding: 0; text-align: center}

a {color: #003082; font-weight: bold; text-decoration: none}
a:hover {color: #666; font-weight: bold; text-decoration: none}

img {border: none}
img.align-left    {float: left !important; border: none; clear: left; margin: 10px 10px 10px 0}
img.align-right {float: right !important; border: none; clear: right; margin: 10px 0 10px 10px}
img.align-neutral {margin: 10px 0; border: none}


.back-link {
	float: right;
	position: relative;
	top: -62px;
	right: 60px;
	font-size: 14px
}
 
#container {width: 900px; margin: 0 auto; text-align: left; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -85px; background: url(../images/background-content.png) no-repeat bottom}	
#container .push {height: 85px}

#header    {width: 900px; height: 105px}
#menu      {width: 900px; height: 30px; line-height: 30px; font-size: 11px; color: #fff; background: #003082; margin-bottom: 20px}
#menu .navigation {float: left; width: 700px}
#menu .navigation a       {color: #fff; font-weight: bold; text-decoration: none; display: block; padding: 0 10px; float: left}
#menu .navigation a:hover {color: #fff; font-weight: bold; background: #fc3}
#menu .navigation a.active       {color: #fc3; font-weight: bold; text-decoration: none; display: block; padding: 0 10px; float: left}
#menu .navigation a.active:hover {color: #fff; font-weight: bold; background: #fc3}
#menu .countryflags {float: right; with: 200px; text-align: right}
#menu .countryflags img {margin-top: 8px; margin-right: 20px}

.sub-menu {
	margin: 0 0 20px 0;
}

.sub-menu p {
	border-top: 1px solid #003082 !important;
}

.sub-menu .sub-item {
	padding-left: 20px !important;
}

.sub-menu p:last-child {
	border-bottom: 1px solid #003082 !important;
}

.sub-menu strong, .side-menu strong {
	display: block;
	font-size: 12px;
	background: #003082;
	color: #fff;
	padding: 5px 10px;
}

.side-menu strong {
	background: #FFCC33;
}

.direct-print {
	float: right;
	background: #000;
	color: #fff !important;
	font-size: 11px;
	display: block;
	padding: 4px 5px 3px 5px;
	text-decoration: none;
}

.paginatie {
	padding: 0 0 10px 0;
	font-size: 12px;
}

.paginatie .pages a, .paginatie .pages .active {
	display: block;
	float: left;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 8px;
	margin: 5px;
	border: 1px solid #ccc;
	background: #fff;
	color: #003082;
}

.paginatie .pages a:hover, .paginatie .pages .active {
	background: #003082;
	color: #fff;
}

.paginatie span {
	float: left;
	display: block;
	padding: 3px 8px;
	margin: 5px 0;
}

.paginatie .prev {
	float: left;
	margin: 8px 5px 0 0;
	display: block;
}

.paginatie .next {
	position: relative;
	left: 8px;
	top: 8px;
}

#breadcrumbs {padding: 0 10px; margin-bottom: 20px; font-size: 10px; color: #aaa; }
#breadcrumbs a {font-size: 10px; color: #aaa; font-weight: normal; text-decoration: none}
#breadcrumbs a:hover {color: #003082; font-weight: normal}


#left-column   {float: left; width: 180px; font-size: 11px; margin-right: 20px}
#content 		{float: left; width: 660px; margin: 0 20px}
#middle-column {float: left; width: 300px; font-size: 11px}
#right-column  {float: left; width: 360px; font-size: 11px}

#detail {float: left; width: 660px}

#left-column p {border-top: 1px solid #ffcc33; padding: 6px 10px}
#left-column p:last-child  {border-bottom: 1px solid #ffcc33}
#left-column a         {color: #002e64}
#left-column a:hover   {color: #000}
#left-column a.active       {color: #000}
#left-column a.active:hover {color: #002e6}
#left-column a.active :visited {ccolor: #000; font-weight: normal}

#content h1 {font-size: 20px; font-weight: normal; text-transform: uppercase; margin: 0 0 20px 0}
#content h2 {font-size: 14px; font-weight: normal; margin: 0 0 20px 0}
#content h3 {font-size: 15px; color: #003082; font-weight: normal; margin: 0 0 20px 0}
#content p {font-size: 12px; line-height: 18px; margin-bottom: 15px}
#content p:last-child  {margin-bottom: 0px}

#middle-column .zoekform {font-size: 11px; border-bottom: 1px solid #ccc; padding-bottom: 25px; margin-bottom: 25px}
#middle-column .zoekform h1 {font-size: 15px; text-transform: uppercase; margin: 0 0 20px 0}
#middle-column .zoekform input[type="text"] {font-size: 11px; width: 120px; margin: 5px 0}
#middle-column .zoekform select {font-size: 11px; width: 120px; margin: 5px 0}
#middle-column .zoekform input[type="submit"] {font-size: 11px; font-weight: bold; color: #fff; background: #003082; margin-top: 15px}

#content .zoekform {font-size: 11px; border-bottom: 1px solid #ccc; padding-bottom: 15px; margin-bottom: 15px}
#content .zoekform h1 {font-size: 12px; text-transform: uppercase; margin: 0 0 10px 0}
#content .zoekform input[type="text"] {font-size: 11px; width: 142px; margin: 5px 0}
#content .zoekform select {font-size: 11px; width: 142px; margin: 5px 0}
#content .zoekform input[type="submit"] {font-size: 11px; font-weight: bold; color: #fff; background: #003082; margin-top: 5px}


#slider {width: 360px}
#slider .tabs {
	padding: 0 0 0 10px;
}
#slider .tabs a {
	background: url('../images/tab.png') left top no-repeat;
	width: 77px;
	font-weight: normal;
	color: #fff;
	height: 23px;
	font-size: 11px;
	display: block;
	float: left;
	line-height: 24px;
	text-align: center;
	cursor: pointer;
	position: relative;
	top: 1px;
	margin: 0 -5px 0 0;
}
#slider .tabs a:hover {
	text-decoration: underline;
}
#slider .tabs .toggle-active {
	height: 24px;
	background: url('../images/tab-active.png') left top no-repeat;
	color: #000;
	z-index: 1;
}
#slider .content {width: 358px; border: 1px solid #ccc; clear: both}
#slider .img-big {text-align: center; margin: 9px 0 9px 0; height: 275px;}

#slider .specs {background: #999; padding: 5px 10px; height: 80px;}
#slider .specs a {font-size: 14px; color: #fff}
#slider .spec-wrapper   {float: left; width: 155px}
#slider .spec-wrapper .label {float: left; width: 48%; font-size: 11px; color: #fff; font-weight: bold; padding: 2px 0}
#slider .spec-wrapper .value {float: left; width: 48%; font-size: 11px; color: #fff; padding: 2px 0}

#slider .img-small {text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0; height: 100px;}
#slider .img-small img {margin: 0 8px; border: 1px solid #ccc}
#slider .arrow-left {float: left; width: 33px; text-align: center; margin-top: 5px;}
#slider .navigation {padding: 10px 5px}
#slider .menu {margin: 0 auto; width: 233px}
#slider .menu a {font-size: 12px; float: left; text-align: center; width: 18px; height: 21px; line-height: 21px; border: 1px solid #ccc; margin: 5px 3px; cursor: pointer}
#slider .menu a:hover {color: #fff; background: #003082; border: 1px solid #ccc; margin: 5px}
#slider .menu a.toggle-active {color: #fff; background: #003082; text-align: center; width: 18px; height: 21px; line-height: 21px; border: 1px solid #ccc; margin: 5px}
#slider .menu a.toggle-active:hover {color: #003082; background-color: transparent}
#slider .arrow-right {float: right; width: 33px; text-align: center; margin-top: 5px;}

.recent-view {width: 300px; border-top: 1px solid #ccc; padding: 25px 0 0 0; margin: 25px 0 0 0}
.recent-view h3 {font-size: 14px; margin: 0 0 20px 0; color: #000}
.recent-view .voertuig {float: left; width: 134px; font-size: 11px; color: #333; background: #f7f6f7; border: 1px solid #e4e4e4; margin-right: 14px; margin-bottom: 14px}
.recent-view .voertuig .wrapper {padding: 4px}
.recent-view .voertuig .thumbnail {margin: 0 0 5px 0}
.recent-view .voertuig .naam a {color: #000; font-weight: bold}
.recent-view .voertuig .naam a:hover {color: #003082; font-weight: bold}
.recent-view .voertuig .merk {color: #333}
.recent-view .voertuig .refnmr {color: #333}
.recent-view .voertuig a {color: #003082; font-weight: bold}
.recent-view .voertuig a:hover {color: #000; font-weight: bold}

.overview .voertuig {width: 638px; font-size: 12px; color: #333; padding: 10px; background: #f7f6f7; border: 1px solid #e4e4e4; margin-bottom: 14px}
.overview .voertuig .refnmr {font-size: 16px; color: #333; font-weight: bold}
.overview .voertuig .thumbs {float: left; width: 300px; margin-top: 10px}
.overview .voertuig img {margin-bottom: 10px}
.overview .voertuig .specs  {float: left; width: 338px; margin-top: 10px}
.overview .voertuig a {color: #003082; font-weight: bold}
.overview .voertuig a:hover {color: #000; font-weight: bold}


.paginatie {
	margin: 15px 0;
}

.voertuig .bestelbtn {
	background: #F7F6F7;
	display: inline;
	border: 0;
	color: #003082;
	font-weight: bold;
	overflow: visible;
	font-size: 12px;
	padding: 0;
	margin: 0;
	cursor: pointer;
}

.recent-view .bestelbtn {
	font-size: 11px;
}

.voertuig .bestelbtn:hover {
	color: #000;
}

#detail h3 {font-size: 15px; text-transform: uppercase; margin: 0 0 20px 0; color: #000}


#detail .product-img {
	background: #eee;
	margin: 0 55px 15px 0;
	padding: 20px 20px 10px 20px;
}

#detail .img-groot {float: left; margin: 0 61px 10px 0; border: 1px solid #bbb}
#detail .img-small {margin: 0 0 10px 0; cursor: pointer; border: 1px solid #bbb}
#detail .product-omschr {font-size: 14px; margin: 0 0 20px 0}
#detail .spec-wrapper   {float: left; width: 300px; margin-right: 10px}
#detail .spec-wrapper .label {float: left; width: 50%; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px 0}
#detail .spec-wrapper .value {float: left; width: 50%; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px 0}
#detail .spec-wrapper .value-no-border {border: none !important;}

#detail .spec-wrapper-big   {float: left; width: 600px; margin-right: 10px}
#detail .spec-wrapper-big .label {float: left; width: 25%; font-size: 12px; font-weight: bold; border-bottom: 1px solid #ccc; padding: 5px 0}
#detail .spec-wrapper-big .value {float: left; width: 75%; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px 0}
#detail .spec-wrapper-big .value {float: left; width: 75%; font-size: 12px; border-bottom: 1px solid #ccc; padding: 5px 0}
#detail .spec-wrapper-big .small-value {float: left; width: 45%; margin-top: 5px; padding-right: 5px;}
#detail .spec-wrapper-big .value-no-border {border: none !important;}


#detail .print {float: right; font-size: 11px; margin-right: 10px}
#detail .print a {color: #fff; font-weight: bold; background: #000; text-align: center; display: block; width: 75px; height: 25px; line-height: 25px}
#detail .print a:hover  {color: #fff; background: #003082}
#detail input.bestelbtn {color: #fff; font-weight: bold; display: inline; background: #000; margin-left: 25px; height: 25px; line-height: 25px; padding: 0 10px; border: none; cursor: pointer; font-size: 11px; overflow: visible;}
#detail input.bestelbtn:hover {background: #003082}
#detail p.bestelstatus-success {font-size: 12px; color: #000}

#detail div.product-specs h3 {font-size: 12px; font-weight: bold; color: #003082; clear: left; margin: 5px 50px 5px 0; padding: 10px 0 10px 0; border-bottom: 1px solid #ccc}

table.checkout {border-top: 1px solid #dedede; margin: 10px 0 20px 0}
table.checkout td, table.checkout th {font-size: 12px; color: #333; padding: 5px 0; border-bottom: 1px solid #dedede; vertical-align: middle !important}
table.checkout th {font-weight: bold; color: #666; background: #f6f6f6}
table.checkout td.afbeelding {width: 125px}
table.checkout input.verwijder {background: url(../../../images/icons/silk/bin_closed.png) no-repeat center center; border: none; height: 16px}

.field-container label {margin: 0 5px 0 2px}

.shoppingcart-orderform input.regular {width: 342px}
.shoppingcart-orderform input.tinier  {width: 72px}
.shoppingcart-orderform input.micro   {width: 42px}
.shoppingcart-orderform textarea.textarea {width: 348px; height: 100px}

.shoppingcart-orderform .label-container {font-size: 12px; padding: 8px 0 4px 0}
.shoppingcart-orderform .field-container {font-size: 12px}
.shoppingcart-orderform .contact-submit  {padding: 10px 0 10px 0}

.shoppingcart-orderform .verplicht, .shoppingcart-orderform .label-text {display: inline}

.shoppingcart-orderform .verplicht {font-weight: bold; vertical-align: middle}

.shoppingcart-orderform input.submit {color: #fff; font-weight: bold; border: none; background: #003082; padding: 5px 10px}
.shoppingcart-orderform input.reset {color: #fff; font-weight: bold; border: none; background: #666; padding: 5px 10px}

#route {font-size: 11px; color: #333}

table.routeform {margin: 15px 0}
table.routeform td {font-size: 11px; padding: 5px 0}
table.routeform input, table.routeform select {margin-left: 25px; font-size: 11px; width: 150px}
table.routeform a {color: #fff; font-weight: bold; background: #000; margin-left: 25px; padding: 5px 10px; cursor: pointer}
table.routeform a:hover {color: #fff; background: #003082; cursor: pointer}

table.small-detail-overview td.label {
	width: 150px;
}

#footer {width: 900px; text-align: left; margin: 0 auto; height: 85px; background: url(../images/background-footer.png) no-repeat; font-size: 11px; color: #fff; text-align: left}
#footer .metamenu {float: left; width: 50%}
#footer .credits  {float: left; width: 50%; text-align: right}
#footer .wrapper  {padding: 10px}
#footer a {color: #fff; font-weight: normal}
#footer a:hover {color: #000; font-weight: normal}


.kader-grijs a {color: #003082; font-weight: bold; text-decoration: none; background: #fc3}
.kader-grijs a:hover {color: #000; font-weight: bold; text-decoration: none; background: #fc3}

.kader-blauw a {color: #fc3; font-weight: bold; text-decoration: none}
.kader-blaaw a:hover {color: #fff; font-weight: bold; text-decoration: none}

/* slightly enhanced, universal clearfix hack */
.clfx:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clfx { display: inline-block; }
/* start commented backslash hack \*/
* html .clfx { height: 1%; }
.clfx { display: block; }