/*-------------------+
| CLEAR ALL STYLES   |
+--------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0; padding: 0; border: 0;font-weight: inherit;
  font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}

body { line-height: 1.5; font: normal 11px Arial;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }
a {outline : none; cursor:pointer;cursor:hand; text-decoration:none;color:#000000;}
em {font-style: italic;}
* {margin: 0;}
.clearer {height: 1px; overflow: hidden; margin-top: -1px; clear: both;}

/*------------------+
| GENERAL STYLES	|
+-------------------*/

body {text-align: center;background: #ffffff;font-family:arial;}
h1{ font: italic 22px georgia;}

p{font: normal 12px arial;}
#topcontainer{width:100% ; height:448px; background: #000 ; }

#container { margin: -448px auto 0 auto; width: 982px; text-align: left; position:relative;background:transparent url('../images/logo.png')  left 25px  no-repeat;}

ul#menu{list-style:none; padding :0 0 0 0;float:right;}
/*ul#menu li{display:inline; padding-right:10px;}*/
ul#menu li a{text-decoration:none; color:#ffffff; font: normal 13px Arial !important;text-transform:uppercase; }



/*-------------------- LOGIN + SHOP BUTTONS --------------------*/
ul#extra_buttons {list-style:none; margin:0; padding:0;position:relative;width:99%; text-align:right;top:20px;margin-right:5px;display:block;}
ul#extra_buttons li {display:block;float:right; clear:none; width:30px; height:20px;margin: 0; }
ul#extra_buttons li a{display:block; width:100%; height:100%;}

/* -------------------  SMOOTH MENU  ---------------------------*/

.ddsmoothmenu{font:bold 12px arial;background:transparent;width:100%;padding-top:45px;}
.ddsmoothmenu ul{z-index:100;margin:0;padding:0;list-style-type:none;}
.ddsmoothmenu ul li{position:relative;display:inline;float:left;color:#fff;padding:5px 15px 0 0;font: normal 15px arial !important;}

.ddsmoothmenu ul li a{display:block;background:transparent;padding:4px 10px;color:#2d2b2b;text-decoration:none;font: normal 16px arial !important;}
* html .ddsmoothmenu ul li a{/*IE6 hack to get sub menu links to behave correctly*/display:inline-block;}
.ddsmoothmenu ul li a,.ddsmoothmenu ul li a:visited{color:#bfbfbf;font: normal 11px arial !important;}
.ddsmoothmenu ul li a.selected{color:white;}
.ddsmoothmenu ul li a:hover{color:white;}

/**** SUBMENU ****/
.ddsmoothmenu ul li ul{position:absolute;display:none; visibility:hidden;width:100%;text-align:center;}
.ddsmoothmenu ul li ul li{display:block;border-bottom:1px solid #fff; float:none;background:#000;width:60px;border-left:1px solid #fff;border-right:1px solid #fff;z-index:1000;}/*margin-left: auto !important; margin-right: auto !important;}*/
						/*border-left:1px solid #ccc; border-right:1px solid #ccc;	}*/

/**** SUB SUB MENU *****/
.ddsmoothmenu ul li ul li ul{top:0;}
/*.ddsmoothmenu ul li ul li a{font:normal 13px arial;padding:5px;text-align:center;}
/* holly hack for ie \*
/* html .ddsmoothmenu{height:1%;}
/*Holly Hack for IE7 and below*/
/* ######### CSS classes applied to down and right arrow images  ######### */
/*.downarrowclass{position:absolute;top:12px;right:7px;}
.rightarrowclass{position:absolute;top:6px;right:5px;}*/
/* ######### CSS for shadow added to sub menus  ######### */
.ddshadow{position:absolute;left:0;top:0;width:0;height:0;background:transparent;}
.toplevelshadow{/*shadow opacity. Doesn't work in IE*/opacity:0.8;}

		/** voor top menu **/
.ddsmoothmenu ul#menu{margin-top:0px !important;}
#smooth_wrap .ddsmoothmenu ul li ul li{display:block;border-bottom:1px solid #fff; float:none;background:#000;width:130px;border-left:1px solid #fff;border-right:1px solid #fff;z-index:1000;} 
#smooth_wrap  .ddsmoothmenu ul li{position:relative;display:inline;float:left;color:#fff;padding:5px 0 0 15px;;font: normal 15px arial !important;}
#smooth_wrap .ddsmoothmenu ul li a, #smooth_wrap .ddsmoothmenu ul li a:hover, #smooth_wrap .ddsmoothmenu ul li a:visited{color:white !important;}
		/** voor motor menu **/
#motor_menu{width:982px; height:59px; background: url('../images/product_menu.png')  left top  no-repeat;margin-top:50px;padding: 16px 0 0 15px}
ul#motor_menu.ddsmoothmenu{font:bold 12px arial;background:transparent;width:100%;padding-top:65px;}



/* -------------------  SLIDER  ---------------------------*/
#slider_wrapper{position:relative;height:350px; width:100%}
#slider{margin:0; border-top:5px solid transparent;position:relative;}

#slider ul,#slider li{margin:0;padding:0;list-style:none;}
#slider li{width:978px;height:340px;overflow:hidden;text-align:center;}
#slider li img{border:0; height:340px;display:block; width:978px;float:left; clear:none;margin:0;padding:0;}

#slider_wrapper2{position:relative;height:550px; width:350px;}
#slider2{margin:0; border-top:5px solid transparent;position:relative;}

#slider2 ul,#slider li{margin:0;padding:0;list-style:none;z-index:100;}
#slider2 li{width:550px;height:340px;overflow:hidden;text-align:center;background:white;z-index:101;}
#slider2 li img{border:0; display:block;float:left; clear:none;margin:0;padding:0 0 0 25px;z-index:102;}



#prevBtn,#nextBtn{display:block;width:36px;height:62px;position:absolute;left:11px;top:151px;z-index:105 !important;}
#nextBtn{left:933px;}
#prevBtn a,#nextBtn a{display:block;width:36px;height:62px;background: url('../images/back.png') left top  no-repeat ;z-index:105 !important;}
#nextBtn a{background:  url('../images/forward.png') left top no-repeat;}

#kader{background: url('../images/kader_slider.png') top left no-repeat;position:absolute; top:1px; left:0; width:982px; height:353px;}
#kader2{background: url('../images/kader2_slider.png') top left no-repeat;position:absolute; top:1px; left:0; width:982px; height:353px;z-index:1;}
#textfield{height:200px; width:400px;position:absolute; top:20px; left:550px;}
/*------------------+
| NIEUWSBOX       	|
+-------------------*/

ul#nieuws_box{list-style:none;margin-top:10px;position:relative; clear:left;}
ul#nieuws_box li{display:block;float:left;width:240px;  padding-right:5px;}
ul#nieuws_box li.last{display:block;float:left;width:230px;  padding-right:0px;}
.header_nieuws_box{height:30px; width:235px; font: normal 16px Georgia; color:#fff;background:#000;line-height:2.0em;padding-left:5px;}
.foto_nieuws_box {height:141px; width:238px; border: 1px solid #aaaaaa;margin-top:12px;position:relative;}
.tekst_nieuws_box{margin-top:12px;color:#636467; line-height:1.3em;font:normal 12px arial;width:230px;padding: 0 5px;}
.shadow {width:100%; height:36px; background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;position:absolute; bottom:0; left:0;}
.readmore {position:absolute; bottom:10px; right:5px;}
.readmore a {color:#fff;font-size:11px;}

#textfield {margin: 170px 0 0 10px;width:360px;}
#textfield h2{font : italic 15px Georgia;margin-bottom:8px;}
#textfield p {color:#8a8b8d; font: normal 12px Arial}
/*-------------------------+
| TABS PRODUCT DETAIL      |
+--------------------------*/

#tabs_wrapper {width:490px;float:left; clear:left;}
ul.tabs {width:490px;margin:0; padding:0;}
ul.tabs li { display:block;float:left;padding:5px 10px 5px 0;}
ul.tabs li a {display:block;float:left; padding:5px; font : normal 15px arial;background:#000000;color:#ffffff;text-decoration:none;}
.selected {font-weight:bold;}
.tab-content {clear:both;border:0;padding:10px 0 0 0;}
.selected{color:#ff0000 !important;}

table, tbody{font:arial 10px;width: 490px;}
table{margin:0 8px 0 0 ; }
table.embed{border-spacing:0;width: 240px;}
.go td {background:#ccc;font: 10px arial;padding:3px 0 3px 3px;width:140px;height:20px;}
.ok td {background:#fff;font: 10px arial;padding:3px 0 3px 3px;width:140px;height:20px;}

.ok td:first-child { width:108px !important; }
.go td:first-child { width:108px !important; }

/*---------------- ACCESSOIRES ----------------*/
/*---------------------------------------------*/

h1 {display:block;float:left; padding:5px; font : normal 15px georgia;background-color:#000000;color:#ffffff;text-decoration:none;width:458px;margin-left:20px;margin-top:5px;}
 #top_wrap{overflow:hidden;height:320px;width:468px;margin:5px 0 0 0px;padding-left:0px; position:relative; float:left; left:20px;}
 #accessories_wrapper{ width:2500px;margin:0; padding:0;height:320px;}

.acc {width: 468px; border-bottom:1px solid  #918f8f;height:90px;float:left; clear:both;margin: 3px 0;}
.acc_last {width: 468px; border-bottom:1px solid  #fff;height:90px;float:left; clear:both;margin: 3px 0;}
.acc a, .acc_last a {float:left; display:block; width:120px;height:85px;}
.acc_tekst {width:210px;float:left; clear:none;padding:5px;}
.acc_prijs{width:90px;float:left; clear:none;padding:5px;}
.acc_stock0{width:40px;float:left; clear:none;}
.acc_stock1{width:40px;float:left; clear:none;}
.acc_stock2{width:40px;float:left; clear:none;}

.SlideTab {width:468px; height:300px; position:relative; float:left;}
#right_side{float:left; position:relative;width:488px; clear:none;}
#acc_nav{list-style:none;float:right;position:relative; top:-40px;}
#acc_nav li{float:left; padding:2px 6px; margin:5px; background:#ccc; clear:none;}
#acc_nav li a{color:#333;}


/** accesoires bij keuze van groep **/
ul#product_overview_wrapper2 {width:100% ; list-style:none;margin-top:10px;margin-bottom:20px;}
#accessories_wrapper2{float:left; clear:both;width:100%;background: url('../images/lijn.gif') 475px top repeat-y;margin-bottom:20px;}
h1.detail {display:block;float:left; padding:5px; font : normal 15px georgia;background-color:#000000;color:#ffffff;text-decoration:none;width:458px;margin-left:0px;margin-top:10px;margin-bottom:10px;}
.acc1 {width: 468px;  border-bottom:1px solid  #918f8f;height:95px;float:left; clear:both;margin: 3px 6px 3px 3px;}
.acc1_last {width: 468px; height:95px;float:left; clear:none;margin: 3px 6px 3px 3px; border-bottom:1px solid  #918f8f;}
.no_line {border-bottom:1px solid  #ffffff;}
.acc1 a, .acc1_last a {float:left; display:block; width:120px;height:85px;}
.acc1_tekst {width:190px;float:left; clear:none;padding:5px;}
.acc1_prijs{width:100px;float:left; clear:none;padding:5px;}
.acc1_stock0{width:30px;float:left; clear:none;}
.acc1_stock1{width:30px;float:left; clear:none;}
.acc1_stock2{width:30px;float:left; clear:none;}
.karretje{width:30px;float:left; clear:none;}

.acc1_stock0 img{display:inline;}
.acc1_stock1 img{display:inline;}
.acc1_stock2 img{display:inline;}



/*---------------- FEATURES ----------------*/
/*------------------------------------------*/

#feature_wrapper{float:left; position:relative; width:100%;}
.feature_box{float:left; clear:none;width:230px !important;; height:86px; margin: 0 0 0 8px;}
.feature_box a {display:block ; float:left; width:95px;}
.feature_box p {display:block;float:left;clear:none; position:relative; top:10%;padding: 10px;width:100px;height:100%;}

/*---------------- COLORS ----------------*/
/*----------------------------------------*/

#color_wrapper{float:left; position:relative; width:100%;}
#color_wrapper h1{width:165px; height:20px;}.feature_box{float:left; clear:none;width:165px; height:130px; margin: 0;}
.color_box{float:left; clear:none;width:135px; height:130px; margin: 0 20px 0 0;position:relative;}
.color_box_last{float:left; width:135px; height:130px; margin: 0;position:relative;}
.color_box a {display:block ; float:left; width:135px;}
.color_box h3, .color_box_last h3 {float:left;clear:left;width:100%;  padding: 5px ;background: url('../images/colortitel_box.png') top left no-repeat;text-align:left;}
.color_karretje{position:absolute; top:97px;left:110px;;}

/*-----------------------------+
| PRODUCTS GENERAL OVERVIEW    |
+------------------------------*/
#product_wrapper{position:relative;height:350px; width:100%;}
ul#productkader{background: url('../images/kader3_slider.png') top left no-repeat;position:absolute; top:1px; left:0; width:972px; height:343px;padding:5px;overflow:hidden;list-style:none;}
ul#productkader li {width:465px; height:320px; float:left;position:relative; clear:none; margin-right:2px;padding:5px;text-align:center;}
ul#productkader li p{font : italic 22px Georgia; }

ul#product_overview_wrapper {width:100% ; list-style:none;margin-top:10px;}
ul#product_overview_wrapper li{width:165px; height:160px; float:left;position:relative; clear:none; margin: 0 38px 31px 0;text-align:center;overflow:hidden;}
ul#product_overview_wrapper li.last{width:165px; height:160px; float:left;position:relative; clear:none; margin: 0 0 31px 0;text-align:center;}
ul#product_overview_wrapper li p{font : normal 11px arial; background: url('../images/producttitel_box.png') top left no-repeat;display:block ; width:165px; height: 23px; text-align:left;
									position:absolute;left:0; bottom:0;padding:5px 5px 0 5px;text-align:center; } 

/*---------------+
| BERICHT TYPES  |
+----------------*/
#nieuwsvlak {background: transparent url('../images/nieuwsvlak_bg.png') left top no-repeat;width:987px;min-height:700px;height:100%;padding-top:15px;position:relative;margin-bottom:45px;}
#nieuwsvlak  h1{ font: italic 22px georgia;background : transparent ; padding:0; margin:0;color:#000000;margin :5px 0;}
#nieuwsvlak  p{color:#636363; font:normal 13px arial;text-align:justify;}
.foto_floatleft{width:690px; padding:18px}
.foto_floatleft img{position:relative; float:left; margin : 0 15px 5px 0;}

.foto_floatright{width:690px; padding:18px}
.foto_floatright img{position:relative; float:right; margin : 0 0px 5px 15px;}

.nieuwsbox{width:690px; padding:5px 18px; clear:left;}
.fotogalerij{width:690px; margin: 5px 18px;}
.tekstgalerij a{display:block;float:left;clear:none;width:220px; height:190px;text-align:center}
.tekstgalerij img{margin-bottom:3px;}
.tekstgalerij span{color:#636363; font:11px arial !important;float:left; clear:left;}

/*---------------- NEWSLETTER ----------------*/
/*--------------------------------------------*/

#newsletter_box{width:207px; height:198px; position:absolute; top:25px; right:10px;background: url('../images/newsletter_box.png') left top no-repeat;padding:0 15px}
#newsletter_box h2{color:#ffffff; font: arial 18px; font-weight:bold;text-transform:uppercase;position:relative; top:23px; left:60px;}
#newsletter_box p{position:relative;top: 50px;}
#newsletter_box form{position:relative;top: 60px;}
#newsletter_box form .text {width:195px; height:17px;background:#cccccc; color:#fff;border:0; padding:3px 0 0 4px;margin-bottom:3px;}
.submit{background : #fff url('../images/subscribe.gif') top left no-repeat; width:82px; height:28px;border:0;margin-left:123px;margin-top:2px;}

/*---------------- DEALER PAGINA ----------------*/
/*-----------------------------------------------*/

#dealerbox{width:370px; padding:5px 18px; clear:left;margin-left:270px;position:relative;top:-30px;}
#dealerbox h1{font : italic 22px Georgia;margin: 0 0 8px 0;background:transparent;color:#404040; }
#dealerbox p {padding: 0 5px; color:#000000;}

/*----- INLOG FORM -----*/
form{margin-top:10px;}
.zebox {width:308px; height:20px; margin-bottom:7px;}
label{width:70px;padding-left:3px;}
.dealer_input{background:#000; border:0; width: 230px;color:#fff;margin-left:5px;}
.dealer_submit {background:#000; border:0; width: 105px;color:#fff;float:right;margin-right:14px;cursor:pointer;}

/*--------- EDIT FORM ----*/
.edit_submit {background:#000; border:0; width: 105px;color:#fff;float:right;margin-right:236px;cursor:pointer;}
/*---------------+
| POPUPS         |
+----------------*/
#popup_product_detail {width:500px; height:250px;}
#product_detail_naam {float:left; clear:left; width:220px;}
#product_detail_prijs{float:left; clear:none; width:100px;}
#product_detail_aantal{float:left; clear:none;width:50px; border:0;}


/*************************
| WISSELSTUKKEN          |
+*************************/

h4{width:100%; color:#fff;padding:8px;font: 13px arial;line-height:2.3em;background:#000; }
ul#part_overview_wrapper {width:710px; float:left; clear:none; ; list-style:none;margin-top:10px;margin-left:50px;}
ul#part_overview_wrapper li{width:165px; height:160px; float:left;position:relative; clear:none; margin: 0 38px 31px 0;text-align:center;}
ul#part_overview_wrapper li.last{width:165px; height:160px; float:left;position:relative; clear:none; margin: 0 0 31px 0;text-align:center;}
ul#part_overview_wrapper li p{font : normal 11px arial; background: url('../images/producttitel_box.png') top left no-repeat;display:block ; width:100% ; height: 23px; text-align:left;
									position:absolute;left:0; bottom:0;padding:5px 5px 0 5px;text-align:center; } 


#wisselstuk_detail{width:100%; position:relative;}
#wisselstuk_tabel{float:left; width:600px !important;clear: both;position:relative;margin-left:15px; }
#wisselstuk_menu {float:left; clear:none !important; width:300px;position:absolute;top:25px; left:680px;}

ul#menu1 {list-style:none;}
ul#menu1 li {background:#000;border-bottom:1px solid white;}
ul#menu1 li a {color:#fff;padding:8px;font: 13px arial;line-height:2.3em; }
ul#menu1 li ul {list-style:none;}
ul#menu1 li ul li{background:#fff;}
ul#menu1 li ul li a{color:#666;padding:10px;font: 11px arial;line-height:1.8em;}
ul#menu1 li ul li a:hover{color:#000;padding:10px;font: 11px arial;line-height:1.8em;}
/*---------------+
| OGONE          |
+----------------*/
#ogone_button{width:240px; height:40px; background:url('../images/online_payment.png') top left no-repeat;position:relative;top:-60px; left:720px;}
#ogone_button a {display:block; width:100%; height:100%}

#div_cart{margin-left:25px;}
.button_change{width:60px; text-align:right; font: bold 11px arial;}

#nieuwsvlak {background: transparent url('../images/nieuwsvlak_bg.png') left top no-repeat;width:987px;min-height:700px;height:100%;padding-top:15px;position:relative;margin-bottom:45px;}
form#ogoneform{margin-top:10px;}
h1#ogone_header{font: italic 22px georgia;padding-left:25px;}
.zebox1 {width:800px; height:20px; margin-bottom:7px;float:left;clear:both !important;}
.zebox1 label{width:120px;padding-left:3px;float:left;clear:both;text-align:left;padding-top:2px;}
.ogone_input{background:#000; border:0; width: 230px;color:#fff;margin-left:5px;float:left; clear:none;padding:3px;}
.ogone_submit {background:#000; border:0; width: 100px;color:#fff;float:right;margin-right:14px;cursor:pointer;}
#ogoneform label{width:350px;padding-left:3px;display:block;text-align:right;float:left;line-height:1.4em;}

/**---- profile ----*/
.zebox2 {width:600px; height:20px; margin-bottom:7px;float:left;clear:both !important;}
.zebox2 label{width:120px;padding-left:3px;float:left;clear:both;text-align:left;padding-top:2px;}
#ogone_submit {background:#000; border:0; width: 100px;color:#fff;float:right;margin-right:116px;margin-bottom:10px;margin-top:3px;cursor:pointer;}
#prijs{margin-right:116px;}
#payment{ border:0; width: 300px;color:#fff;margin-left:25px;float:left; clear:both;}
#payment img{display:inline; padding-right:5px;}

#actionform {margin-left:358px; width:230px;}
.total{margin-left:80px;width :145px; text-align:right;}
#prijs{text-align:right;float:right;}
.formbutton{margin-left:80px;width :145px; border:0; background:#000; color:#fff; margin-top:4px;}

/*---------------------------+
| betaling ok 
+----------------------------*/

ul#payment_ok {width:710px; float:left; clear:none; ; list-style:none;margin-top:10px;margin-left:50px;}

/*---------------------------+
| DEALERS EXTRA MENU         |
+----------------------------*/

#dealersmenu {list-style:none;width:210px;margin-right:10px;float:left;}
#dealersmenu li {list-style:none;width:204px; height:32px; margin:5px; background : url('../images/dealer_menu_button.png') top left no-repeat;}
#dealersmenu li a {display:block;width:164px; height:27px;color:#ffffff; padding-top :5px; padding-left:40px;font : normal 16px Arial;}
#dealersmenu li a.act , #dealersmenu li a:hover{display:block;width:164px; height:27px;color:#ff0000; padding-top :5px; padding-left:40px;font : normal 16px Arial;}

#dealer_content{float:right; clear:none; width:650px;}

a.highres{display:block; width:152px; height:114px; margin-right:6px; margin-bottom:11px;float:left; clear:none;}


/*---------------------------+
| DEALERS  SHOP MOTOR        |
+----------------------------*/
#motorWrap{position:absolute ;top:25px;; left:220px;width:710px;}
.white {float:left;width:710px; background:#fff;font-size:12px; line-height:1.5em;padding:4px 0;}
.gray {float:left;width:710px; background:#ccc;font-size:12px; line-height:1.5em;padding:4px 0;}
.code {float:left; width:90px;font-size:9px;}
.type {float:left; width:490px; padding-left:5px;}
.prijs {float:left; width:120px;}
.cart {float:left; width:55px;}
.input {float:left; width:70px;}
.update {float:left; width:90px;}