html {
	background			: #e9e9e9 url(../img/html-bg.gif) repeat-x left top;
}

body	{
	font				: 0.8em Arial, sans-serif;
	background			: url(../img/body-bg.gif) repeat-y center top;
}

.toegankelijkheid	{
	position			: absolute;
	left				: -999em;
}

.clear	{
	clear				: both;
}


/* --------------------------------	*/
/* clearfix						 	*/
/* --------------------------------	*/
.clearfix:after,
#uitgelicht .blok .info:after,
#productoverzicht li .info:after,
#productdetail .gegevens dl:after,
#nieuwgebruiktdetail .gegevens li:after
{
	content				: "."; 
	display				: block; 
	height				: 0; 
	clear				: both; 
	visibility			: hidden;
}

	/* voor IE-mac */
	.clearfix,
	#uitgelicht .blok .info,
	#productoverzicht li .info,
	#productdetail .gegevens dt,
	#nieuwgebruiktdetail .gegevens li
	{	
		display			: inline-block;	
	}

	/* onderstaande overslaan voor IE-mac \*/
	* html .clearfix,
	* html #uitgelicht .blok .info,
	* html #productoverzicht li .info,
	* html #productdetail .gegevens dt,
	* html #nieuwgebruiktdetail .gegevens li 
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#uitgelicht .blok .info,
	#productoverzicht li .info,
	#productdetail .gegevens dt,
	#nieuwgebruiktdetail .gegevens li 	
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

/* --------------------------------	*/
/* container					 	*/
/* --------------------------------	*/
#container	{
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	background			: #FFF;
}


/* --------------------------------	*/
/* header						 	*/
/* --------------------------------	*/
#header	{
	position			: relative;
	height				: 172px;
	background			: url(../img/header-afbeelding.jpg) no-repeat left top;
}

#header a.logo	{
	position			: absolute;
	top					: 0;
	left				: 30px;
}


/* --------------------------------	*/
/* menu							 	*/
/* --------------------------------	*/
#menu	{
	float				: left;
	width				: 178px;
}

#menu li {
	float				: left;
	margin				: 0 0 2px 0;
}

#menu li a {
	float				: left;
	height				: 26px;
	width				: 178px;
	text-indent			: -900em;
	background			: url(../img/menu.gif) no-repeat;
}

#menu li a.home			{ background-position: left top; }
#menu li a.actueel		{ background-position: left -26px; }
#menu li a.scooter		{ background-position: left -52px; }
#menu li a.nieuw		{ background-position: left -78px; }
#menu li a.gebruikt		{ background-position: left -104px; }
#menu li a.onderdelen	{ background-position: left -130px; }
#menu li a.info			{ background-position: left -156px; }
#menu li a.contact		{ background-position: left -182px; }

#menu li a.home:hover		{ background-position: right top; }
#menu li a.actueel:hover	{ background-position: right -26px; }
#menu li a.scooter:hover	{ background-position: right -52px; }
#menu li a.nieuw:hover		{ background-position: right -78px; }
#menu li a.gebruikt:hover	{ background-position: right -104px; }
#menu li a.onderdelen:hover	{ background-position: right -130px; }
#menu li a.info:hover		{ background-position: right -156px; }
#menu li a.contact:hover	{ background-position: right -182px; }

#menu li.actief a.home,
#menu li.actief a.home:hover		{ background-position: -178px top; }
#menu li.actief a.actueel,
#menu li.actief a.actueel:hover		{ background-position: -178px -26px; }
#menu li.actief a.scooter,
#menu li.actief a.scooter:hover		{ background-position: -178px -52px; }
#menu li.actief a.nieuw,
#menu li.actief a.nieuw:hover		{ background-position: -178px -78px; }
#menu li.actief a.gebruikt,
#menu li.actief a.gebruikt:hover	{ background-position: -178px -104px; }
#menu li.actief a.onderdelen,
#menu li.actief a.onderdelen:hover	{ background-position: -178px -130px; }
#menu li.actief a.info,
#menu li.actief a.info:hover		{ background-position: -178px -156px; }
#menu li.actief a.contact,
#menu li.actief a.contact:hover		{ background-position: -178px -182px; }


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	float				: right;
	width				: 787px;
	padding				: 19px 0 10px 0;
	line-height			: 1.4em;
	color				: #2e2e2e;
}

#content .titel {
	padding				: 10px 0 0 0;
	margin				: 0 0 25px 0;
	background			: url(../img/title-top.gif) no-repeat left top;
}

#content .titel div {
	position			: relative;
	padding				: 0 5px 10px 17px;
	background			: #FFF url(../img/title-bottom.gif) no-repeat left bottom;
}

#content h1{
	font-size			: 1.5em;
	font-weight			: normal;
}

#content a 			{ color: #DD1F1F; }
#content a:hover 	{ color: #600; }

/* iwes opmaak */
#content .iwes {
	position			: relative;
	width				: 700px;
	margin				: 0 0 0 17px;
}

#content .iwes a:visited 	{ color: #999; }
#content .iwes blockquote	{
	margin				: 0 0 10px 30px;
}

#content .iwes ul	{
	margin				: 0 0 10px 30px;
	list-style			: square;
}

#content .iwes ol	{
	margin				: 0 0 10px 30px;
	list-style			: decimal;
}

/* formulieren */
#content .formmodule h4 {
	display				: none;
}

#content .formmodule ul {
	list-style			: none;
	margin				: 0;
}

#content .formmodule li {
	margin				: 0 0 5px 0;
}

#content input, 
#content select, 
#content textarea	{
	border				: solid 1px #DDD;
	font				: 0.9em Arial;
	padding				: 2px;
}

#content textarea	{
	overflow			: auto;
}

#content input.veldfocus, 
#content textarea.veldfocus	{
	border				: 1px solid #999;
	background			: #F9F9F9;
}

#content input.radio, 
#content input.checkbox 	{
	border				: none;
}

#content input.button 	{
	margin				: 10px 0;
	padding				: 3px 15px;
	border				: none;
	font-weight			: bold;
	color				: #FFF;
	background			: #DD1F1F;
	cursor				: pointer;
}

#content input.fout, #content textarea.fout	{
	border				: 1px solid #F00;
}

#content .melding, #content label.fout	{
	color				: #F00;
}


/* --------------------------------	*/
/* uitgelicht homepage			 	*/
/* --------------------------------	*/
#uitgelicht {
	position			: relative;
	width				: 787px;
	height				: 300px;
	background			: url(../img/home-uitgelicht-bg.jpg) no-repeat left top;
}

#uitgelicht .blok {
	position			: absolute;
	/*top					: 76px;*/
	bottom				: 5px;
	left				: 332px;
	width				: 414px;
	padding				: 52px 0 0 0;
	background			: url(../img/uitgelicht-top.png) no-repeat left top;
}

#uitgelicht .blok h3 {
	position			: absolute;
	left				: -900em;
}

#uitgelicht .blok a {
	position			: absolute;
	top					: 14px;
	left				: 185px;
	font-size			: 0.95em;
	text-decoration		: none;
	font-weight			: bold;
	color				: #FFF;
}

#uitgelicht .blok a:hover {
	text-decoration		: underline;
	color				: #FFF;
}

#uitgelicht .blok .info {
	padding				: 0 16px 20px 30px;
	background			: url(../img/uitgelicht-bottom.gif) no-repeat left bottom;
}

#uitgelicht .blok .info img {
	float				: left;
}

#uitgelicht .blok .info dl {
	float				: right;
	width				: 185px;
	margin				: 10px 0 0 0;
	font-size			: 0.95em;
}

#uitgelicht .blok .info dt {
	float				: left;
	clear				: left;
	width				: 65px;
	padding				: 4px 0 4px 10px;
	border-bottom		: 1px solid #d4d4d4;
}

#uitgelicht .blok .info dd {
	float				: left;
	width				: 100px;
	padding				: 4px 0 4px 10px;
	border-bottom		: 1px solid #d4d4d4;
}


/* --------------------------------	*/
/* actueel / aanbieding	 			*/
/* --------------------------------	*/
ol#actueeloverzicht li {
	float				: left;
	position			: relative;
	padding				: 8px 8px 8px 50px;
}

ol#actueeloverzicht li.oneven {
	background			: #f5f5f5;
}

ol#actueeloverzicht li.hover {
	color				: #FFF;
	background			: #DD1F1F;
}

ol#actueeloverzicht li .datum {
	display				: block;
	position			: absolute;
	left				: 8px;
	top					: 11px;
	width				: 50px;
	height				: 46px;
	padding				: 4px 0 0 0;
	border				: 1px solid #e9e9e9;
	font-size			: 0.8em;
	text-align			: center;
	line-height			: 1.1em;
	background			: #fcfcfc;
}

ol#actueeloverzicht li .datum .dag {
	font-size			: 2em;
	font-weight			: bold;
	line-height			: 1em;
	color				: #DD1F1F;
}

ol#actueeloverzicht li.hover .datum .dag {
	color				: #FFF;
}

ol#actueeloverzicht li .datum .maand {
	display				: block;
	font-size			: 1.2em;
	text-transform		: uppercase;
}

ol#actueeloverzicht li.hover .datum {
	color				: #FFF;
	background			: none;
}

ol#actueeloverzicht li .info {
	padding				: 0 0 0 40px;
}

ol#actueeloverzicht li h3 {
	font-size			: 1em;
	font-weight			: bold;
	color				: #000;
}

ol#actueeloverzicht li.hover h3 {
	color				: #FFF;
}

ol#actueeloverzicht li a {
	display				: block;
	margin				: 3px 0 0 0;
	font-weight			: bold;
	color				: #DD1F1F;
}

ol#actueeloverzicht li.hover a,
ol#actueeloverzicht li.hover a:hover {
	color				: #FFF;
}


/* --------------------------------	*/
/* nieuw / gebruikt					*/
/* --------------------------------	*/
/* Zoeken */
.nieuwgebruikt-zoeken {
	width				: 708px;
	margin				: 0 0 10px 17px;
	padding				: 10px;
	border				: 1px solid #DDD;
}

.nieuwgebruikt-zoeken:hover {
	border				: 1px solid #DD1F1F;
}

.nieuwgebruikt-zoeken legend {
	display				: none;
}

.nieuwgebruikt-zoeken input {
	width				: 110px;
	margin				: 0 20px 0 0;
}

.nieuwgebruikt-zoeken input.prijs {
	width				: 60px;
}

#content .nieuwgebruikt-zoeken .button {
	width				: auto;
	margin				: 0;
	padding				: 2px 10px;
	cursor				: pointer;
}

/* lijst */
#nieuwgebruikt	{
	margin				: 0 0 0 17px;
	border-top			: 1px solid #DDD;
}

#nieuwgebruikt li {
	padding				: 10px 10px;
	border-bottom		: 1px solid #DDD;
}

#nieuwgebruikt li.even {
	background			: #f5f5f5;
}

#nieuwgebruikt li:hover,
#nieuwgebruikt li.hover {
	background			: #FCC;
}

#nieuwgebruikt li a {
	font-size			: 1.2em;
	font-weight			: bold;
	text-decoration		: none;
}

#nieuwgebruikt li dl {
	padding				: 4px 0 0 0;
}

#nieuwgebruikt li dl dt {
	float				: left;
	width				: 80px;
	font-weight			: bold;
}

#nieuwgebruikt li dl dd {
	float				: left;
	width				: 240px;
}

#nieuwgebruikt li img {
	float				: left;
	border				: solid 1px #999;
}

#nieuwgebruikt li .info {
	float				: right;
	width				: 657px;
}


/* Detailpagina */
#nieuwgebruiktdetail .lightbox {
	float				: left;
	position			: relative;
	width				: 272px;
}

#nieuwgebruiktdetail .lightbox .vergrootglas {
	position			: absolute;
	right				: 2px;
	bottom				: 2px;
	width				: 14px;
	height				: 14px;
	border				: 0 !important;
}

#nieuwgebruiktdetail .lightbox img {
	border				: 1px solid #FFF;
}

#nieuwgebruiktdetail .lightbox:hover img {
	border				: 1px solid #DD1F1F;
}

#nieuwgebruiktdetail .gegevens {
	float				: right;
	width				: 450px;
}

#nieuwgebruiktdetail .gegevens li {
	margin				: 0 0 3px 0;
	padding				: 5px 0 5px 16px;
	font-size			: 0.9em;
	background			: #f3f3f3 url(../img/product-gegevens-bg.gif) repeat-x left bottom;
}

#nieuwgebruiktdetail .gegevens li strong {
	float				: left;
	width				: 120px;
}

#nieuwgebruiktdetail .gegevens li span {
	float				: left;
	width				: 290px;
	padding				: 0 5px 0 5px;
}

#nieuwgebruiktdetail .gegevens a.actie,
#nieuwgebruiktdetail .gegevens a.actie:hover {
	float				: left;
	margin				: 10px 10px 10px 0;
	padding				: 2px 10px;
	text-decoration		: none;
	font-weight			: bold;
	color				: #FFF;
	background			: #DD1F1F;
}


/* --------------------------------	*/
/* onderdelen - zoek	 			*/
/* --------------------------------	*/
#content h1.onderdelen {
	width				: 220px;
}

#form-zoekonderdelen {
	position			: absolute;
	top					: 2px;
	left				: 240px;
}

#form-zoekonderdelen legend {
	display				: none;
}

#form-zoekonderdelen select {
	width				: 148px;
	margin				: 0 6px 0 0;
	padding				: 0;
	border				: 1px solid #AAA;
	color				: #666;
	background			: url(../img/zoek-bg.gif) repeat-x left top;
}

#form-zoekonderdelen option {
	color				: #000;
}

#form-zoekonderdelen option.selecteer {
	color				: #666;
}

#form-zoekonderdelen input.zoeken {
	width				: 49px;
	height				: 21px;
	border				: none;
	background			: url(../img/zoek-button.gif) no-repeat left top;
	cursor				: pointer;
	font				: bold 11px arial;
}


/* --------------------------------	*/
/* onderdelen - overzicht 			*/
/* --------------------------------	*/
#content .breadcrumbs {
	font-size			: 1.5em;
	padding				: 0 0 10px 17px;
	color				: #000;
}

#content .breadcrumbs a {
	text-decoration		: none;
	color				: #000;
}

#content .breadcrumbs a:hover {
	color				: #DD1F1F;
}

#categorieoverzicht li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 183px;
	margin				: 5px;
}

#categorieoverzicht li h3 {
	width				: 119px;
	min-height			: 22px;	
	margin				: 0 0 0 12px;
	padding				: 5px 20px 5px 15px;
	font-size			: 0.85em;
	line-height			: 1em;
	color				: #565656;
	background			: #d1d1d1 url(../img/categorie-titel-bg.gif) no-repeat left top;
}

#categorieoverzicht li.hover h3 {
	color				: #FFF;
	background			: #ca1616 url(../img/categorie-titel-bg.gif) no-repeat right top;
}

#content #categorieoverzicht li a {
	display				: block;
	width				: 171px;
	height				: 131px;
	padding				: 12px 0 0 12px;
	background			: url(../img/categorie-foto-bg.gif) no-repeat left top;
}


/* --------------------------------	*/
/* producten - overzicht 			*/
/* --------------------------------	*/
#productoverzicht li {
	display				: -moz-inline-stack;
	display				: inline-block;
	width 				: 380px;
	margin				: 5px;
}

#productoverzicht li h3 {
	width				: 316px;
	min-height			: 22px;	
	margin				: 0 0 0 12px;
	padding				: 5px 20px 5px 15px;
	font-size			: 0.85em;
	line-height			: 1em;
	color				: #565656;
	background			: #d1d1d1 url(../img/producten-titel-bg.gif) no-repeat left top;
}

#productoverzicht li.hover h3 {
	color				: #FFF;
	background			: #ca1616 url(../img/producten-titel-bg.gif) no-repeat right top;
}

#productoverzicht li .info {
	width				: 368px;
	height				: 119px;
	padding				: 12px 0 12px 12px;
	background			: url(../img/producten-foto-bg.gif) no-repeat left top;
}

#productoverzicht li img {
	float				: left;
	width				: 159px;
}

#productoverzicht li .prijs {
	float				: left;
	width				: 181px;
	padding				: 20px 10px 10px 10px;
	font-size			: 1.7em;
}

#productoverzicht li .prijs a,
#productoverzicht li .prijs a:hover {
	display				: block;
	padding				: 30px 0 0 0;
	font-weight			: bold;
	font-size			: 0.5em;
	color				: #000;
}


/* --------------------------------	*/
/* onderdeel - detail				*/
/* --------------------------------	*/
/* Fotos */
#productdetail .fotos {
	float				: left;
	position			: relative;
	width				: 413px;
}

#productdetail .fotos h3 {
	width				: 316px;
	min-height			: 17px;	
	margin				: 0 0 0 12px;
	padding				: 10px 20px 5px 15px;
	font-size			: 0.85em;
	line-height			: 1em;
	color				: #FFF;
	background			: #ca1616 url(../img/producten-titel-bg.gif) no-repeat right top;
}

#productdetail .fotos .info {
	width				: 383px;
	height				: 207px;
	padding				: 17px 13px 0 17px;
	background			: url(../img/product-fotos-bg.gif) no-repeat right top;
}

#productdetail .fotos a.fotogroot {
	float				: left;
	position			: relative;
	width				: 254px;
	height				: 190px;
}

#productdetail .fotos a.fotogroot img {
	border				: 1px solid #C2C2C2;
}

#productdetail .fotos a.fotogroot:hover img {
	border				: 1px solid #DD1F1F;
}

#productdetail .fotos ul {
	float				: right;
	width				: 117px;
}

#productdetail .fotos ul li {
	margin				: 0 0 12px 0;
}

#productdetail .fotos ul li a {
	display				: block;
	position			: relative;
	width				: 117px;
	height				: 87px;
}

#productdetail .fotos .vergrootglas {
	position			: absolute;
	right				: 2px;
	bottom				: 2px;
	width				: 14px;
	height				: 14px;
	border				: 0 !important;
}

#productdetail .fotos ul img {
	border				: 1px solid #C2C2C2;
}

#productdetail .fotos ul a:hover img {
	border				: 1px solid #DD1F1F;
}

/* Lijst */
#productdetail .gegevens {
	float				: right;
	width				: 362px;
	margin				: 42px 0 0 0;
}

#productdetail .gegevens dt,
#productdetail .gegevens dd {
	float				: left;
	position			: relative;
	margin				: 0 0 3px 0;
	padding				: 5px 0 5px 16px;
	font-size			: 0.9em;
	background			: #f3f3f3 url(../img/product-gegevens-bg.gif) repeat-x left bottom;
}

#productdetail .gegevens dt {
	width				: 60px;
	font-weight			: bold;
}

#productdetail .gegevens dd {
	width				: 270px;
}

#productdetail .gegevens dd a {
	display				: block;
	position			: absolute;
	right				: 0;
	bottom				: 0;
	width				: 145px;
	height				: 30px;
	text-indent			: -900em;
	background			: url(../img/button-bestellen.gif) no-repeat left top;
}

#productdetail .gegevens .asterisk {
	display				: block;
	padding				: 10px 0 10px 16px;
	font-size			: 0.85em;
	color				: #666;
}

#productdetail .informatie {
	clear				: both;
	padding				: 15px 17px;
}


/* --------------------------------	*/
/* Pagina navigatie	 				*/
/* --------------------------------	*/
#content .pagina_navigatie	{
	float				: right;
	padding				: 10px 0;
	font-size			: 0.95em;
}

#content .pagina_navigatie h4	{
	display				: inline;
	font-weight			: bold;
}

#content .pagina_navigatie ul	{
	display				: inline;
}

#content .pagina_navigatie ul li	{
	display				: inline;
	margin				: 0;
	padding				: 0 5px 0 0;
	border				: none;
	font-weight			: bold;
}

#content .pagina_navigatie ul li.navigatie_huidige_pagina	{
	padding				: 2px 5px;
	margin				: 0 5px 0 0;
	border				: 1px solid #DD1F1F;
	color				: #FFF;
	background			: #DD1F1F;
}

#content .pagina_navigatie ul li a	{
	margin				: 1px;
	padding				: 2px 5px;
	border				: 1px solid #888;
	text-decoration		: none;
	color				: #666;
	background			: #EEE;
}

#content .pagina_navigatie ul li.actief a, 
#content .pagina_navigatie ul li a:hover	{
	margin				: 0;
	border				: 2px solid #DD1F1F;
	color				: #DD1F1F;
}


/* --------------------------------	*/
/* googlemaps					 	*/
/* --------------------------------	*/
iframe.googlemaps	{
	border				: solid 1px #DD1F1F;
	overflow			: hidden; 
}

#googlemaps	{
	width				: 350px;
	height				: 350px;
	background			: #eee;
	text-align			: left;
	font				: 1em Arial;
	color				: #000;
}

#googlemaps a	{
	color				: #58585A;
}


/* --------------------------------	*/
/* footer						 	*/
/* --------------------------------	*/
#footer	{
	clear				: both;
	height				: 36px;
	padding				: 16px 0 0 520px;
	font-size			: 0.95em;
	color				: #8e8e8e;
	background			: url(../img/footer-bg.gif) no-repeat left top;
}

#footer a	{
	color				: #8e8e8e;
	text-decoration		: none;
}

#footer a:hover	{
	color				: #DD1F1F;
}

#footer address	{
	font-style			: normal;
}

/* Tekst / links onderaan */
#amimpact {
	position			: relative;
	width				: 994px;
	margin				: 0 auto;
	padding				: 10px 0;
	font-size			: 0.9em;
	color				: #b1b1b1;
	text-align			: right;
	font-size			: 0.9em;
}

#amimpact a {
	text-decoration		: none;
	color				: #b1b1b1;
}

#amimpact a:hover {
	color				: #DD1F1F;
}


/* --------------------------------	*/
/* sIFR							 	*/
/* --------------------------------	*/
.sIFR-flash {
	visibility			: visible !important;
	margin				: 0;
}

.sIFR-replaced {
	visibility			: visible !important;
}

span.sIFR-alternate {
	position			: absolute;
	left				: 0;
	top					: 0;
	width				: 0;
	height				: 0;
	display				: block;
	overflow			: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display				: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility			: hidden;
	line-height			: 1.4em;
}