@import url("lightbox.css");

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,
#details:after,
#winkelwagen.stap2: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,
	#details,
	#winkelwagen.stap2
	{	
		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,
	* html #details,
	* html #winkelwagen.stap2
	{ 
		height			: 1%;
	}
	
	.clearfix,
	#uitgelicht .blok .info,
	#productoverzicht li .info,
	#productdetail .gegevens dt,
	#nieuwgebruiktdetail .gegevens li ,
	#details,
	#winkelwagen.stap2
	{ 
		display			: block;
	}
	/* einde van overslaan voor IE-mac */
	

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

.home #container {
	background			: #fff url(../img/frontpage/subheader.jpg) 194px 158px no-repeat;	
}


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

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

#header .bus {
	position			: absolute;
	left				: 610px;
	top					: 27px;
}

#header q {
	position			: absolute;
	top					: 118px;
	left				: 668px;
	display				: block;
	width				: 244px;
	height				: 33px;
	text-indent			: -900em;
	overflow			: width;
	background			: url(../img/header-slogan.png) left top no-repeat;
}


/* --------------------------------	*/
/* subheader					 	*/
/* --------------------------------	*/
#subheader {
	height				: 179px;
}


/* --------------------------------	*/
/* zijbalk						 	*/
/* --------------------------------	*/
#zijbalk {
	float				: left;
	width				: 192px;	
}

/*winkelwagen*/
#zijbalk div.winkelwagen {
	position			: relative;
	width				: 183px;
	height				: 159px;
	margin				: 36px 0 0 0;
	overflow			: hidden;	
	background			: url(../img/zijbalk-winkelwagen-bg.png) left top no-repeat;	
}

#zijbalk div.winkelwagen.actief,
#zijbalk div.winkelwagen:hover {
	background-position	: right top;	
}

#zijbalk div.winkelwagen h3 {
	display				: none;
}

#zijbalk div.winkelwagen p {
	margin				: 50px 0 0 20px;
	width				: 140px;
}

#zijbalk div.winkelwagen a {
	text-decoration		: underline;
	color				: #000 !important;
	font-weight			: bold;
}

#zijbalk div.winkelwagen a.bekijk {
	position			: absolute;
	width				: 100%;
	height				: 100%;
	display				: block;
	text-indent			: -9000em;
	overflow			: hidden;
}

/*logos*/
#zijbalk div.info ul.logos {
	height				: 60px;
	width				: 174px;
	margin				: 36px 0 0 0;	
	text-indent			: -9000em;
	overflow			: hidden;	
}

#zijbalk div.info ul.voorwaarden {
	width				: 176px;
	height				: 171px;
	margin				: 36px 0 0 0;	
	text-indent			: -9000em;
	overflow			: hidden;
	background			: url(../img/zijbalk-info-bg.png) left top no-repeat;	
}

#zijbalk div.info ul.logos li {
	float				: left;
	height				: 50px;
	background			: url(../img/zijbalk-info-logos.png) left top no-repeat;
}

#zijbalk div.info ul.logos .ideal {
	background-position	: -2px top;	
	width				: 53px;
}

#zijbalk div.info ul.logos .tnt {
	background-position	: -66px top;
	width				: 116px;
	margin-left			: 4px;
}


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

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

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

#menu li a.home			{ background-position: left top; }
#menu li a.nieuwe-modellen		{ background-position: left -26px; }
#menu li a.gebruikte-modellen		{ background-position: left -52px; }
#menu li a.onderdelen		{ background-position: left -78px; }
#menu li a.over-ons		{ background-position: left -104px; }
#menu li a.lease-en-verzekering	{ background-position: left -130px; }
#menu li a.contact		{ background-position: left -156px; }

#menu li a.home:hover		{ background-position: right top; }
#menu li a.nieuwe-modellen:hover	{ background-position: right -26px; }
#menu li a.gebruikte-modellen:hover	{ background-position: right -52px; }
#menu li a.onderdelen:hover		{ background-position: right -78px; }
#menu li a.over-ons:hover	{ background-position: right -104px; }
#menu li a.lease-en-verzekering:hover	{ background-position: right -130px; }
#menu li a.contact:hover	{ background-position: right -156px; }

#menu li.actief a.home,
#menu li.actief a.home:hover		{ background-position: -178px top; }
#menu li.actief a.nieuwe-modellen,
#menu li.actief a.nieuwe-modellen:hover		{ background-position: -178px -26px; }
#menu li.actief a.gebruikte-modellen,
#menu li.actief a.gebruikte-modellen:hover		{ background-position: -178px -52px; }
#menu li.actief a.onderdelen,
#menu li.actief a.onderdelen:hover		{ background-position: -178px -78px; }
#menu li.actief a.over-ons,
#menu li.actief a.over-ons:hover	{ background-position: -178px -104px; }
#menu li.actief a.lease-en-verzekering,
#menu li.actief a.lease-en-verzekering:hover	{ background-position: -178px -130px; }
#menu li.actief a.contact,
#menu li.actief a.contact:hover		{ background-position: -178px -156px; }


/* --------------------------------	*/
/* content						 	*/
/* --------------------------------	*/
#content	{
	position			: relative;
	float				: right;
	width				: 795px;
	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.8em;
	font-weight			: bold;
	color				: #000;
}

.home #content h1{
	position			: absolute;
	top					: 80px;
	left				: 20px;
	width				: 300px;
	height				: 60px;
	font-weight			: bold;
	text-indent			: -900em;
	background			: url(../img/frontpage/h1.png) left top no-repeat;
}

#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;
}


/* Formulier op contactpagina */
#content .formmodule {
	width				: 407px;
	padding				: 0 0 20px 0;
}

#content .formmodule h4 {
	display				: block;
	padding				: 20px 0 10px 20px;
	font-size			: 1.5em;
	background			: url(../img/contactformulier-bg.png) no-repeat right top;
}

#content .formmodule ul {
	padding				: 0 20px;
}

#content .formmodule li {
	clear				: both;
	overflow			: hidden;
	padding				: 0 0 5px 0;
}

#content .formmodule .label {
	float				: left;
	width				: 100px;
	padding				: 2px 0 0 0;
}

#content .formmodule .veld {
	float				: right;
	width				: 255px;
	padding				: 5px 0 0 0;
	background			: url(../img/contactform-input-bg.png) no-repeat right top;
}

#content .formmodule .veld input,
#content .formmodule .veld textarea {
	padding				: 0 5px 5px 5px;
	border				: 0;
	background			: url(../img/contactform-input-bg.png) no-repeat left bottom;
}

#content .formmodule .veld input.defaultvalue,
#content .formmodule .veld textarea.defaultvalue {
	font-style			: italic;
	color				: #999;
}



/* --------------------------------	*/
/* produkten					 	*/
/* --------------------------------	*/
#produkten {
	margin				: 20px 0 0 0;	
}

#produkten h2 {
	font-size			: 1.8em;
	color				: #000;
	margin-bottom		: 7px;
}

#produkten li {
	position			: relative;
	float				: left;
	width				: 183px;
	height				: 249px;
	background			: url(../img/produkt-bg.png) left top no-repeat;
	margin				: 0 18px 18px 0;
	z-index				: 10;	
	text-align			: center;
}

#produkten li h3 {
	text-align			: left;	
	height				: 27px;
	color				: #565656;
	font-size			: 0.85em;
	margin				: 0;
	padding				: 6px 0 0 0;
	line-height			: 1em;
	width				: 100%;
	overflow			: hidden;
}

#produkten li h3 span {
	text-align			: left;		
	display				: block;
	height				: auto;
	width				: 155px;
	padding-left		: 8px;
}

#produkten li.hover h3,
#produkten li:hover h3 {
	color				: #fff;	
}

#produkten li .achtergrond,
#produkten li .voorgrond {
	position			: absolute;	
	top					: 0;
	left				: 0;
	z-index				: 1;
}

#produkten li .achtergrond {
	background 			: url(../img/produkt-bg.png) right top no-repeat;

}

#produkten li .voorgrond {
	z-index				: 10;
	background			: none;
}

#produkten li.right {
	margin				: 0;	
}

#produkten li.actiefhover {
	background-position	: right top;
}

#produkten li a {
	position			: absolute;
	left				: 10px;
	bottom				: 60px;
	display				: block;
	text-align			: left;
	color				: #000 !important;
	text-decoration		: none;
	margin-left			: 10px;
}

#produkten li img {
	margin-top			: 3px;	
}

#produkten li .vet {
	font-weight			: bold;	
}


/* --------------------------------	*/
/* 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;
	right				: 27px;
}

#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;
}

/*produktd etails*/
/* --------------------------------	*/
/* 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;
}


/* --------------------------------	*/
/* details			 				*/
/* --------------------------------	*/
#details {
	position			: relative;	
}

#details .tab {
	width				: 420px;
	height				: 27px;
	color				: #fff;
	font-size			: 0.9em;
	padding				: 5px 0 0 26px;	
	background			: url(../img/winkelwagen-tab-bg.png) 10px top no-repeat;
	text-align			: left;
}

#details .produkt-foto {
	position			: relative;
	width				: 418px;
	height				: 256px;
	background			: url(../img/produkt-detail-foto-bg.png) left 32px no-repeat;
	float				: left;
	text-align			: center;	
}

#details .produkt-foto:hover {
	background-position	: -577px 32px;	
}

#details .produkt-foto a.zoom {
	position			: absolute;
	top					: 0;
	left				: 0;
	display				: block;
	width				: 100%;
	height				: 100%;
	overflow			: hidden;
	text-indent			: -9000em;
	background			: url(../img/vergrootglas.png) 373px 220px no-repeat;		
	z-index				: 4;	
}

#details  a.terug {
	position			: absolute;
	left				: 320px;
	top					: 10px;
	font-size			: 0.9em;
	z-index				: 33;
	display				: block;
	width				: 80px;
	height				: 25px;
	text-align			: right;
}

#details .produkt-foto img {
	margin				: 8px 0 0 0;
	z-index				: 0;
	position			: relative;
}

/* specificaties*/
#details .specificaties {
	float				: right;
	width				: 365px;
	margin				: 30px 0 20px 0;
}

#details .specificaties h3 {
	font-size			: 1.6em;
	font-weight			: bold;
	color				: #000;
	padding				: 0 0 5px 14px;
}

#details .specificaties dl {
	clear				: both;	
}

#details .specificaties dt, 
#details .specificaties dd {
	float				: left;
	padding				: 4px 0;
	background			: #F3F3F3 url(../img/produkt-detail-specificaties-bg.png) left bottom repeat-x;
	border-bottom		: 3px solid #fff;
	font-size			: 0.9em;
}

#details .specificaties dt {
	width				: 69px;	
	clear				: left;	
	color				: #000;
	font-weight			: bold;
	padding-left		: 14px;
}

#details .specificaties dd {
	position			: relative;
	width				: 280px;
	clear				: rigth;
}

#details .specificaties dd a.bestellen {
	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;
}

#details .extra-info {
	padding-left		: 15px;
	font-size			: 0.85em;
	color				: #666;
}

/*omschrijving*/
#details .omschrijving {
	clear				: both;	
	margin				: 20px 0 10px 20px;
	line-height			: 1.7em;
	color				: #2d2d2d;
}

/* --------------------------------	*/
/* stappen							*/
/* --------------------------------	*/
#stappen {
	position			: absolute;
	top					: 25px;
	right				: 22px;
}

#stappen li {
	float				: left;
	width				: 33px;
	height				: 33px;
	text-indent			: -900em;
	margin				: 0 0 0 2px;
	background			: url(../img/winkelwagen-stappen-bg.png) left top;
}

#stappen li.stap1 			{	background-position	: 0 top;}
#stappen li.stap1.actief	{	background-position	: 0 bottom;}

#stappen li.stap2 			{	background-position	: -36px top;	}
#stappen li.stap2.actief 	{	background-position	: -36px bottom;	}

#stappen li.stap3 			{	background-position	: -73px top;	}
#stappen li.stap3.actief 	{	background-position	: -73px bottom;	}

#stappen a {
	display				: block;
	width				: 100%;
	height				: 100%;
}

/* --------------------------------	*/
/* winkelwagen						*/
/* --------------------------------	*/
#winkelwagen {
	position			: relative;
	margin-bottom		: 60px;
	overflow			: hidden;
}

#winkelwagen h3 {
	position			: absolute;
	top					: 0;
	left				: 0;
}

#winkelwagen table {
	width				: 100%;	
}

#winkelwagen .produkt-lijst td,
#winkelwagen .produkt-lijst th {
	padding				: 9px;
	text-align			: left;
}

#winkelwagen .produkt-lijst td {
	background			: #F7F7F7 url(../img/winkelwagen-produkt-item-bg.png) left top repeat-x;
}

#winkelwagen .produkt-lijst th {
	background			: none;	
	padding				: 7px 7px 9px 9px;
}

#winkelwagen .produkt-lijst td.afbeelding { width : 103px;}
#winkelwagen .produkt-lijst th.naam,
#winkelwagen .produkt-lijst td.naam { min-width: 190px; _width:190px;  width : auto;  font-weight	: bold;}
#winkelwagen .produkt-lijst th.kleur,
#winkelwagen .produkt-lijst td.kleur { min-width : 100px;_width:100px; width: auto;  }
#winkelwagen .produkt-lijst th.aantal,
#winkelwagen .produkt-lijst td.aantal { width : 105px; }
#winkelwagen .produkt-lijst td.aantal input { width : 35px; }
#winkelwagen .produkt-lijst th.prijs,
#winkelwagen .produkt-lijst td.prijs { width : 85px; }

#winkelwagen img {
	border				: 1px solid #dd1f1f;	
}

#winkelwagen .tab {
	width				: 1270px;
	height				: 18px;
	padding				: 7px 0 7px 20px;
	color				: #fff;
	background			: #fff url(../img/winkelwagen-tab-bg.png) left top no-repeat;
	z-index				: 1;	
}

#winkelwagen .produkt-lijst .aantal select {
	width				: 57px;
	border				: 1px solid #C5C5C5;
}

#winkelwagen .tab2 {
	left				: 390px;
	z-index				: 2;
}

#winkelwagen .totaal {
	display				: block;
	width				: 100%;
	background			: url(../img/winkelwagen-produkt-totaal-bg.png) left bottom repeat-x;	
	padding				: 30px 0 50px 0;
}

#winkelwagen .totaal table {
	width				: 230px;
	float				: right;
	clear				: both;
	background			: none;
	margin-right		: 33px;
}

#winkelwagen .totaal tr td {
	padding-bottom		: 10px;	
}

#winkelwagen .totaal tr.totaalprijs td {
	font-weight			: bold;
	padding-top			: 10px;	
}

#winkelwagen .totaal table .naam { width : 170px; text-align : left;}
#winkelwagen .totaal table .euro { width : 10px; text-align : left;}
#winkelwagen .totaal table .prijs { width : 50px; text-align : right;}

#winkelwagen a.terug {
	display				: block;
	width				: 140px;
	height				: 29px;
	position			: absolute;
	bottom				: 0;
	left				: 40px;	
	text-indent			: -9000em;
	overflow			: hidden;
	font-size			: 1px;
	z-index:2;
	background			: url(../img/button-terug.png) left bottom no-repeat;
}

#winkelwagen .update {
	display				: block;
	width				: 190px;
	height				: 29px;
	position			: absolute;
	bottom				: 0;
	left				: 154px;	
	text-indent			: -9000em;
	overflow			: hidden;
	font-size			: 1px;
	z-index:1;
	cursor:pointer;
	border:none !important;
	background			: url(../img/button-update-winkelwagen.png) left bottom no-repeat !important;
}

#winkelwagen .afronden {
	border				: none;
	cursor				: pointer;
	display				: block;
	width				: 148px;
	height				: 39px;
	position			: absolute;
	bottom				: 0;
	right				: 20px;
	text-indent			: -9000em;
	overflow			: hidden;
	font-size			: 0.1em;
	color				: #DD1F1F;
	background			: url(../img/button-afronden.png) right bottom no-repeat;
	z-index				: 3423;
}

#winkelwagen a.homepage {
	display				: block;
	width				: 150px;
	height				: 35px;
	position			: absolute;
	bottom				: 0;
	right				: 30px;	
	text-indent			: -9000em;
	line-height			: 9000em;
	overflow			: hidden;
	font-size			: 1px;
	background			: url(../img/button-homepage.png) left bottom no-repeat;
}

#winkelwagen .afronden:hover,
#winkelwagen .afronden:focus {
	background			: url(../img/button-afronden.png) right bottom no-repeat;
	background-position	: left bottom;	
	border				: none;
}

/*stap 1*/
#winkelwagen.stap1 .tab {
	width				: 250px;		
}

#winkelwagen.stap1 h3 {
	top					: 2px;
}

/*stap 2 */
#winkelwagen.stap2 {
	margin-top			: 40px;	
	padding				: 60px 0 30px 0;
	background			: #F3F3F3 url(../img/winkelwagen-stap2-bg.png) left bottom repeat-x;
}

#winkelwagen.stap2 .persoonsgegevens,
#winkelwagen.stap2 .betalingsgegevens {
	float				: left;
}

#winkelwagen.stap2 h4 {
	display				: none;	
}

#winkelwagen.stap2 .verplicht,
#winkelwagen.stap2 .bezorgen {
	text-align			: right;	
}

#winkelwagen .formmodule li {
	width				: 320px !important;
}

#winkelwagen .formmodule .label {
	width				: 120px !important;
}

#winkelwagen .formmodule .veld {
	float				: right;
	width				: 195px;
	padding				: 5px 0 0 0;
	background			: url(../img/winkelwagen-input-bg.png) no-repeat right top;
}

#winkelwagen .formmodule .veld input,
#winkelwagen .formmodule .veld textarea {
	padding				: 0 5px 5px 5px;
	border				: 0;
	width				: 185px !important;
	background			: url(../img/winkelwagen-input-bg.png) no-repeat left bottom;
}

#winkelwagen.stap2 .betalingsgegevens li {
	padding				: 3px 0;			
}

#winkelwagen.stap2 .betalingsgegevens input[type=radio] {
	border				: none;
	background			: none;
}

/* stap 3 */
#winkelwagen.stap3 {
	background			: #F3F3F3 url(../img/winkelwagen-stap3-bg.png) left bottom repeat-x;
}

#winkelwagen.stap3 .info {
	margin				: 50px 0;
	padding				: 5px 20px 20px 20px;
}


/* --------------------------------	*/
/* 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	{
	position			: relative;
	clear				: both;
	height				: 46px;
	padding				: 16px 0 0 520px;
	font-size			: 0.95em;
	color				: #8e8e8e;
	background			: url(../img/footer-bg.png) no-repeat left 4px;
}

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

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

#footer address	{
	margin-top			: 14px;
	font-style			: normal;
}

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

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

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

/* meldingen */
#content .melding,
#content .melding_info,
#content .melding_fout,
#content .melding_goed  {
    padding             : 10px 10px 10px 36px !important;
    margin              : 0 0 1.5em 0px;
    font-weight         : bold;
    background          : #DEEBFC url(../img/icons/melding.png) no-repeat 10px 10px;
    border              : solid 1px #528CDE;
}

#content .melding a,
#content .melding_info a,
#content .melding_fout a,
#content .melding_goed a	{
	color				: #092139;
}

#content .melding_info  {
    background-color    : #ddefff;
    background-image    : url(../img/icons/info.png);
    border              : solid 1px #77baf3;
}

#content .melding_fout,
#content ul.error {
    background-color    : #ffcccc;
    background-image    : url(../img/icons/fout.png) no-repeat;
    border              : solid 1px #eb3c3c;
}

#content ul.error {
    list-style          : none;
    margin              : 0 0 10px 0;
    padding             : 10px;
}

#content .melding_goed  {
    background-color    : #DEEBFC;
    background-image    : url(../img/icons/goed.png);
    border              : solid 1px #528CDE;
}