
/* ============================================================	*/ 
/* ========	HTML STANDAARDEN  	===============================	*/
/* ============================================================	*/ 

html {
	height:100%;
	width:100%;
	overflow: -moz-scrollbars-vertical;
	}
body {
	margin:0 0 0 0;
	width:100%;
	height:100%;
	text-align:center;
	font-size:11px;
	background:#282828 url(../gfx/pageback.png) repeat center top;
	}
body, table, th, td, p, input, textarea, select {
	font-family:Tahoma, Helvetica, Sans-serif;
	color:#666;
	}	
a {}
a:hover {}
h1 {font-family:arial;font-size:20px;color:#CCC;margin-bottom:15px;font-weight:normal;}
h2 {padding:4px 10px;font-size:12px;color:#FFF;background:transparent url(../gfx/nav/back_hover.png) repeat-x left top;}
h2.orange {background:transparent url(../gfx/nav/back_normal.png) repeat-x left top;}

.main-content h2 a,
.main-content h2 a:hover {color:#FFF;text-decoration:none;}

h3 {font-family:arial;font-size:14px;color:#666;margin-bottom:3px;}
h4 {}
h5 {}
h6 {}	
p {margin-bottom:10px;}
	
ol {}
ul {}
li {}
li li {}

label {}
.cB {clear:both;}

/* ============================================================	*/ 
/* ========	LAYOUT BLOCKEN  	===============================	*/
/* ============================================================	*/ 

.container {
	position:relative;
	margin:0 auto 0 auto;
	width:990px;
	min-height:950px;
    height:auto;
	text-align:left;
	background:#FFF url(../gfx/container_back.png) no-repeat left top;
	}
/* ============================================================	*/ 
/* ========	HEADER				===============================	*/
/* ============================================================	*/

.header {
	position:relative;
	height:232px;
	margin-left:210px;
	}
.logo {margin-left:1px;padding-left:7px;background-color:#FFF;}
.logo img {display:block;}

/* ============================================================	*/ 
/* ========	NAVIGATION			===============================	*/
/* ============================================================	*/
div.navigation {
	position:absolute;
	top:0px;
	left:1px;
	width:200px;
	height:auto;
	z-index:10;
	}
ul.menu {width:195px;overflow:hidden;margin-left:4px;background-color:#FFF;}
ul.menu li {}
ul.menu li a {display:block;padding:7px 10px 0 10px;height:19px;width:175px;color:#000;background:transparent url(../gfx/nav/back_normal.png) repeat-x left top;}
ul.menu li a:hover {color:#FFF;}
ul.menu li a.active {color:#FFF;}

ul.submenu {margin-bottom:1px;display:none;padding:7px 0 5px 0;background-color:#444;}
ul.submenu li {}
ul.submenu li a {display:block;padding:0px 10px;width:175px;color:#FFF;background:#333 url(none);}


.realisatie {color:#FFF;padding:10px;}
.realisatie a {color:#FFF;font-size:10px;}
.realisatie a:hover {color:#FFF;font-size:10px;text-decoration:underline;}

/* ============================================================	*/ 
/* ========	PAGE NAV			===============================	*/
/* ============================================================	*/

.pageNav 							{float:right;margin-top:5px;font-weight:bold;color:#666;}
.pageNav a 							{color:#F60;}
.pageNav a:hover					{text-decoration:underline;}

/* ============================================================	*/ 
/* ========	FOOTER				===============================	*/
/* ============================================================	*/

div.footer							{position:relative;bottom:0;left:0;clear:both;}

/* ============================================================	*/ 
/* ========	CONTENT-BLOCK		===============================	*/
/* ============================================================	*/
.shop .wide-content 				{margin:39px 0 0 5px;float:left;width:836px;}
.shop .shopbanners					{margin-top:39px;}
.content-block 						{margin-left:210px;width:775px;overflow:hidden;}
.content-block ul					{list-style:none;margin-left:0;}
.content-block .right				{float:right;width:149px;}
.content-block li					{list-style:disc;margin-left:15px;}
.main-content 						{float:left;margin-right:10px;width:410px;}
.shop .main-content 				{float:left;margin-right:10px;width:620px;}
.main-content .block 				{width:408px;overflow:hidden;}
.shop .main-content .block 			{width:613px;}
.side-content 						{float:left;margin-right:10px;width:200px;}
.side-content img 					{width:198px;}
.side-content a.motorImg img		{width:auto;}
.banner-block 						{float:left;width:140px;}

.block 								{border:1px solid #666;margin-bottom:10px;background-color:#FFF;}
.block .content 					{padding:10px;line-height:1.3em;}
.block .content a 					{color:#F60;}
.block .content a:hover 			{color:#666;}
.block .content ul 					{}
.block .content li 					{padding-left:15px;background:transparent url(../gfx/block_hover.gif) no-repeat 0px 4px;}
.latest-news .content ul li 		{background-image:none;padding:0;line-height:1.0em;}
.latest-news .content ul li a 		{margin-bottom:3px;padding-left:5px;background:transparent url(../gfx/arrow_hover.gif) no-repeat 0px 4px;color:#333;display:block;width:90%;}
.block .content ul li a:hover 		{color:#F60;}

.block .colset 						{border-top:1px solid #999;margin-top:20px;padding-top:20px;width:388px;overflow:hidden;}
.block .left-col 					{float:left;margin-right:18px;width:185px;}
.block .right-col 					{float:left;width:185px;}

.motoren-overzicht .content a.more,
.motoren-overzicht .content a.more:hover,
.block a.more:hover,
.block a.more						{border:none;}

.side-content span.prijs 			{display:block;padding:2px;font-size:16px;text-align:center;}

.block.mvdm							{border:1px solid #F60;}
.block.mvdm img						{display:block;margin:5px 0;}
.block.mvdm a.motorImg				{background:transparent url(../gfx/thumb_shadow.jpg) no-repeat scroll left top;display:block;height:135px;margin:0 0 0 3px;width:177px;}
.side-content span.mvdmprijs		{display:block;padding:2px;font-size:18px;text-align:center;letter-spacing:1px;font-weight:bold;color:#F60;}
.block.mvdm	.mvdmlink 				{margin:0;text-align:center;}
.block.mvdm	.mvdmlink a				{display:block;border-top:1px solid #F60;background-color:#F60;color:#FFF;padding:3px;}
.block.mvdm	.mvdmlink a:hover		{background-color:#FFF;color:#F60;border-top:1px solid #F60;}
.block.mvdm							{}
.block.mvdm							{}
.block.mvdm							{}
 
.shop .motoren-overzicht .block 	{width:300px;overflow:hidden;margin-right:10px;float:left;}
.motoren-overzicht 					{width:625px;}
.motoren-overzicht .pageNav			{padding-right:12px;}
.motoren-overzicht h2 .price 		{float:right;}
.motoren-overzicht h2 a,
.motoren-overzicht h2 a:hover 		{color:#FFF;}
.rental-overzicht .content 		{width:280px;overflow:hidden;}
.motoren-overzicht .content a 		{float:left;width:171px;margin-right:10px;}
.rental-overzicht img 				{margin:0px;display:block;height:180px;}
.motoren-overzicht p 				{width:200px;}

.motoren-overzicht div.visual 		{background-color:#FFF;text-align:center;border:none;border:1px solid #999;}
.motoren-overzicht div.visual a,
.motoren-overzicht div.visual a:hover {display:inline;border:none;float:none;}
.motoren-overzicht div.visual.detail {padding:5px 0;}
.motoren-overzicht table 			{width:280px;border-bottom:1px solid #333;border-right:1px solid #333;}
.motoren-overzicht table th 		{padding:5px 0;background-color:#666;text-align:center;color:#222;font-weight:bold;border-top:1px solid #333;border-left:1px solid #333;font-size:9px;}
.motoren-overzicht table td 		{padding:5px 0;width:1%;text-align:center;font-weight:bold;border-top:1px solid #333;border-left:1px solid #333;}



div.image-container 			{width:419px;float:left;margin:7px 0 0 7px}
div.image-container .large 		{}
div.image-container .large img 	{display:block;}
div.image-container .large div 	{display:none;}
div.image-container .thumbs		{margin-top:4px;}
div.image-container .thumbs ul 	{margin:0;padding:0;}
div.image-container .thumbs li 	{float:left;padding:0 2px 0 0;list-style:none;margin:0;}
div.image-container .thumbs a 	{border:1px solid #000;display:block;float:left;}
div.image-container .thumbs a:hover {border:1px solid #F00;}
div.image-container .thumbs img {width:75px;display:block;float:left;}

.news-overview .block 				{padding-bottom:10px;}
.block .news-content 				{padding-bottom:0;}	
.block .news-content a 				{display:block;padding:10px;border:1px solid #999;padding:10px;color:#666;width:366px;overflow:hidden;}
.block .news-content a:hover 		{background-color:#CCC;}
.block .news-content img 			{width:100px;float:left;margin-right:10px;}
.block .news-content span.h2 		{display:block;font-size:13px;color:#666;font-weight:bold;}
.block .news-content span.h3 		{display:block;font-family:arial;font-size:12px;color:#666;font-weight:bold;}
.block .news-content span.content 	{display:block;width:255px;padding:0;margin-left:110px;}

.news-detail div.visual 			{background-color:#FFF;text-align:center;}

.datum 								{text-align:right;margin-bottom:10px;color:#FFF;font-size:10px;}		

.content .specs 					{margin-bottom:7px;}
.content .specs span 				{display:block;padding:7px 0;border-bottom:1px solid #999;}
.go-back 							{float:right;}
.content .color 					{color:#F60;font-weight:bold;}

/* ============================================================	*/ 
/* ========	FORMULIEREN		  	===============================	*/
/* ============================================================	*/ 

.formGrid {
	width:620px;
	margin-bottom:15px;
	}
.formGrid th {
	padding:5px;
	font-size:11px;
	text-align:left;
	color:#000;
	background-color:#EEE;
	border-bottom:2px solid #CCC;
	}
.formGrid td {
	padding:3px;
	font-size:11px;
	color:#000;
	}
.formGrid .namecell {
	width:150px;
	padding:5px 10px 5px 5px;
	}
.formGrid .inputcell {
	padding:4px;
	}
.formGrid .inputcell span.plaats {
	text-align:right;
	padding:0px 7px 0 28px;
	}
.formGrid th.keuzeCell {
	padding:5px 0 5px 20px;
	}
.formGrid td.keuzeCell {
	padding:5px 0 5px 20px;
	border-right:2px solid #000;
	}
.formGrid .buttonCell {
	padding:10px;
	}
	
input, select {
	vertical-align:middle;
	}
input.typeText,
input.type-text {
	color:#000;
	font-size:11px;
	font-weight:normal;
	border-top:1px solid #63666A;
	border-right:1px solid #BAB9B9;
	border-bottom:1px solid #BAB9B9;
	border-left:1px solid #63666A;
	background:#FFF url(../gfx/inputShadow.gif) no-repeat left top;
	}
.inputcell u {text-decoration:none;}
.formGrid input.type-text {
	padding-left:5px;
	width:300px;
	}
.formGrid .buttonCell input.typeButton {
	float:right
	}
label {vertical-align:middle;cursor:pointer;}
select.select {}
textarea.textarea {
	width:300px;
	border-top:1px solid #63666A;
	border-right:1px solid #BAB9B9;
	border-bottom:1px solid #BAB9B9;
	border-left:1px solid #63666A;
	}
.formGrid input.w10 {width:60px;}
.w40 {
	width:136px;
	_width:140px;
	}
.w100 {
	width:350px;
	}

.radio {}
.radio input {
	margin-right:5px;
	vertical-align:middle;
	}
.banner-block img {display:block;}



/* # # # # # # # # # # # # # # # # # # # # # # # # # # */
/* # # # # # # #     NEW SHOP      # # # # # # # # # # */
/* # # # # # # # # # # # # # # # # # # # # # # # # # # */


.shop-items {padding-bottom:10px;text-align:left;color:#F60;}
ul.shopmenu {margin:0;padding:0;height:15px;list-style:none;}
ul.shopmenu li {float:left;margin:0px;padding:0 0 0 5px;list-style:none;}
ul.shopmenu li a {}
ul.shopmenu li a:hover {}


table.shop-content {background-color:#FFF;}
table.shop-content th {padding:5px 10px;background-color:#F60;color:#000;}

table.shop-content td {vertical-align:top;padding:10px 20px 10px 0px;border-bottom:1px solid #CCC;}
table.shop-content td.left-coll {width:190px;padding-top:5px;}
table.shop-content td.left-coll img {display:block;}
table.shop-content td.right-coll {padding-right:0;}
table.shop-content div.shop-button {margin-top:10px;text-align:right;}
table.shop-content div.shop-button a {padding:0 5px;color:#000;text-decoration:none;background:#F60 url(../gfx/nav/back_normal.png) repeat-x scroll left top;}
table.shop-content div.shop-button a:hover {color:#000;background-color:#CCC;text-decoration:none;}

table.shop-content h4 {color:#000;font-size:15px;margin:0;}
table.shop-content .shop-price {float:right;color:#000;font-size:15px;font-weight:bold;}

table.order-overview {width:620px;}
table.order-overview a {color:#333;text-decoration:underline;}
table.order-overview td {padding:5px 3px;color:#333;}
table.order-overview th {background-color:#CCC;padding:5px 3px;border-bottom:1px solid #FFF;color:#333; text-align:left;}
td.product-name {}
td.euro {}
td.price {}
td.del {}
tr.subtotal td {border-top:1px solid #333;padding:15px 3px;}
tr.shipping td {border-top:1px solid #333;padding:15px 3px;}
tr.shipping td label {margin-left:5px;}
tr.total td {border-top:1px solid #CCC;font-weight:bold;}

.buttons {text-align:right;height:30px;width:620px;}
.buttons table {float:right;}
.buttons table td {padding-left:5px;}

.shop-buttons {margin-top:10px;font-size:1em;}
.shop-buttons a {
	display:block;
	padding:0px 10px;color:#000;background:#F60 url(../gfx/nav/back_normal.png) repeat-x scroll left top;text-decoration:none;height:20px;line-height:20px;font-size:11px;}
.shop-buttons input {cursor:pointer;padding-bottom:1px;border:none;color:#000;background:#F60 url(../gfx/nav/back_normal.png) repeat-x scroll left top;width:80px;height:20px;font-size:11px;}

/* # # # # # # #     NEW SHOP      # # # # # # # # # # */


body div.right 				{position:absolute;top:222px;right:5px;z-index:10;text-align:center;font-size:11px;overflow:hidden;}
body div.right ul, 
body.shop div.right li 		{margin:0;padding:0;list-style:none;text-align:left;}
body div.right ul 			{margin:10px 0 10px 10px;}
body div.right h2 a,
body div.right h2 a:hover 	{color:#FFF;text-decoration:none;}
body div.right .basket 		{margin-bottom:10px;}
body div.right .basket h2 	{margin-bottom:5px;}
body div.right .filter 		{margin-bottom:5px;padding-bottom:5px;font-weight:bold;background-color:#FFF;}
body div.right .filter li	{margin-bottom:2px;}
body div.right .adver 		{margin-bottom:10px;background-color:#FFF;margin:0 5px;font-size:11px;text-transform:uppercase;}
body div.right .adver h2 	{margin:0;}
body div.right .adver span.visual {display:block;text-align:center;}
body div.right .adver span.visual img {margin:2px auto;height:100px;}
body div.right .adver a,
body div.right .adver a:hover {color:#000;font-size:11px;display:block;margin-bottom:20px;padding:5px 0;}
body div.right a 			{color:#000;text-decoration:none;}
body div.right a:hover 		{color:#000;text-decoration:underline;}

div.shopmain {
	width:620px;
	overflow:hidden;
	padding-left:22px;
	margin:0;
	float:left;
	}
div.shophead {
	padding:3px 5px;
	margin-bottom:10px;
	color:#000;
	font-size:15px;
	font-weight:bold;
	background-color:#FECB00;
	}
div.shophead a {color:#000;text-decoration:none;}
div.shophead a:hover {color:#FFF;}

ul.shop-overview 					{margin:0;padding:0;list-style:none;width:640px;}
ul.shop-overview li 				{float:left;width:200px;margin:0 10px 10px 0;padding:0;list-style:none;}
ul.shop-overview li a 				{position:relative;display:block;border:1px solid #CCC;padding:2px;background-color:#FFF;color:#000;text-align:center;text-decoration:none;text-transform:uppercase;font-size:11px;}
ul.shop-overview li a:hover 		{font-weight:bold;border:1px solid #F60;text-decoration:none;}
ul.shop-overview li a span 			{display:block;padding:3px 0;border:1px solid #FFF;cursor:pointer;height:165px;}
ul.shop-overview li a span.price-cat {padding:0;border:none;font-weight:normal;display:inline;height:auto;}
ul.shop-overview li a:hover span 	{border:1px solid #CCC;}
ul.shop-overview li a span.price-cat {padding:0;border:none;font-weight:normal;display:inline;}
ul.shop-overview li a:hover span.price-cat {border:none;}
ul.shop-overview li a img 			{display:block;height:100px;margin:2px auto;}

.overview-specs {
	font-weight:bold;
	}
.shop-detail {background-color:#FFF;width:620px;overflow:hidden;}
.shop-detail h2 {margin:0 0 20px 0;}
.shop-detail h2 span.price {float:right;}
span.oldprice {position:relative;margin-right:5px;padding-right:5px;}
span.oldprice span.line {
	position:absolute;
	top:0px;
	right:0px;
	width:60px;
	height:15px;
	background:transparent url(../gfx/oldprice.png) no-repeat right top;
	}
.adver span.oldprice span.line {left:0;}
.shop-overview span.oldprice span.line {left:0;}


ul.shop-overview li a span.oldprice {display:inline;padding:0;border:none;cursor:default;height:auto;}
ul.shop-overview li a:hover span.oldprice,
ul.shop-overview li a:hover span.line {border-color:#FFF;}

.related-items {
	}
.related-items h2 {
	color:#FFF;
	width:600px;
	padding:5px 10px;text-transform:none;
	border-bottom:1px solid #000;
	}
.related-items ul {margin-top:10px;}
.specs {
	float:left;
	padding:0px 10px 10px 10px;
	width:280px;
	margin-right:10px;
	}
.specs table {width:280px;margin-top:4px;margin-bottom:20px;}
.specs tr {text-align:left;padding-right:10px;vertical-align:top;}
.specs td {vertical-align:top;}
.specs td.product-logo {text-align:right;}
.specs td.product-logo img {margin:0;}
.brand-th, brand-td {padding-bottom:7px;}
.visuals {float:left;width:300px;text-align:center;}
.visuals .large {width:296px;border:2px solid #CCC;}
.visuals .large img {height:200px;}
.visuals .thumbs {width:300px;margin-top:5px;overflow:hidden;}
.visuals .thumbs a {display:block;float:right;margin-left:5px;padding:2px;border:1px solid #CCC;width:auto;}
.visuals .thumbs a:hover {border:1px solid #FECB00;}
.visuals .thumbs a img,
.visuals .thumbs a:hover img {height:65px;}

.specs-nav {position:relative;width:600px;padding:10px;clear:left;height:30px;}
.specs-nav input {display:none;}
.specs-nav a {display:block;
	padding:3px 10px;
	font-size:13px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
	background:transparent url(../gfx/nav/back_normal.png) repeat-x scroll left top;
	}
div.specs-nav a.next {
	float:right;
	background:transparent url(../gfx/nav/back_normal.png) repeat-x scroll left top;
	}
div.specs-nav a.previous {
	float:left;
	background:transparent url(../gfx/nav/back_normal.png) repeat-x scroll left top;}
.specs-nav a:hover {}


div.right div.navigatie a,
div.right div.navigatie a:hover,
div.right div.navigatie a.active,
div.right div.navigatie a:active {
	color:#8E908F;
	background:transparent url(../gfx/nav_back.gif) no-repeat left top;
	}

div.right div.logos a,
div.right div.logos a:hover,
div.right div.logos a.active,
div.right div.logos a:active {
	padding:0;
	background-image:none;
	border:0px;
	text-align:center;
	}

div.navigation .filter {margin-top:27px;}
div.navigation .filter h2 {margin:0 1px 0 4px;color:#FFF;font-size:11px;padding:5px 2px 6px 10px;border-bottom:1px solid #FFF;}
div.navigation .filter ul {margin:0px 0 0 4px;padding:0;}
div.navigation .filter ul li {margin:0;padding:0;border-bottom:1px solid #ccc;}
div.navigation .filter ul li a {background-color:#FFF;
color:#000000;
display:block;
height:19px;
padding:7px 10px 0;
width:175px;}
div.navigation .filter ul li a:hover {color:#000;background-color:#FFF;}