html, body {height:100%;}
body {margin:0;padding:0;text-align:center;color:#000;background:#000 url(../gfx/background.png) no-repeat center top;}
body, table, th, td, p, input, textarea, select {font-family:Arial, Helvetica, Sans-serif;font-size:12px}
body, p, ul, li {}
h1, h2, h3, h4, h5, h6 {margin:0;}
img {border:none;}
a {}
a:hover {}
h1 {font-size:26pt;color:#000;text-transform:uppercase;line-height:1.2em;}
h2 {font-size:26pt;color:#FECB00;text-transform:uppercase;line-height:1.2em;}
h3 {font-size:12pt;color:#000;font-weight:bold; padding-top:3px;font-weight:normal;padding-bottom:10px;}
h4 {font-size:10pt;color:#FECB00;font-weight:bold;margin-top:3px;margin-bottom:3px;}
h4 b {display:block;font-size:14pt;margin-bottom:10px;}
h5 {font-size:11pt;color:#FECB00;font-weight:bold;margin-top:3px;margin-bottom:3px; }
h6 {}
p {}
hr {border:1px solid #000;border-top:1px solid #8E908F;font-size:1px;background-color:#000;}
label {cursor:pointer;}
div.small {font-size:9px;font-weight:normal;}
/* EXTRA's */
br.cB {clear:both;}
th {text-align:left;}
/* ============================================================ */
/* ======== LAYOUT BLOCKEN =============================== */
/* ============================================================ */
/* ======== CONTAINER ======== */
#container {position:relative;margin:0 auto 0 auto;width:1000px;min-height:100%;height:100%;text-align:center;background:#FFF url(../gfx/yellow-grey.png) repeat-y left top ;border-left:2px solid #FFF;border-right:2px solid #FFF;}
/* mozilla hax \*/
html>body #container {height:auto;}
/* mozilla hax */
#containerBlock {position:relative;width:1000px;overflow:hidden;text-align:left;}
/* ============================================================ */
/* ======== HEADER =============================== */
/* ============================================================ */
div.header {padding-bottom:2px;background-color:#000;height:261px;border-bottom:5px solid #FFF;}
div.header-container{width:240px;position:absolute; left:0;top:0;z-index:900;}
.header-logo{margin-left:26px;margin-top:15px;}
.header .newsblock {position:absolute;z-index:100;background:transparent url(../gfx/newsblock.png)no-repeat;width:315px;text-align:center;margin-left:680px;height:35px;line-height:30px;}
.header-slider{width:800px; float:left;margin-left:200px;}
/* ============================================================ */
/* ======== FOOTER =============================== */
/* ============================================================ */
div#footer {position:absolute;text-align:left;bottom:0;left:40px;clear:both;padding-bottom:10px;color:#000;}
#containerBlock div#footer {left:15px;}
div.footerText {color:#000;font-size:10px;}
div#footer div.footerText a {color:#000;text-decoration:none;}
div#footer div.footerText a:hover{text-decoration:underline;}
div.left address {font-size:11px;margin-bottom:10px;padding-bottom:10px;font-style:normal;border-bottom:1px solid #000;font-weight:bold;margin-top:60px;margin-left:10px;width:180px;}
div.left address a {color:#000;text-decoration:underline;}
/* ============================================================ */
/* ======== ELEMENTEN =============================== */
/* ============================================================ */
div.left {float:left;width:200px;margin-right:10px;padding-bottom:250px;}
div.right {float:right;width:136px;margin-left:5px;overflow:hidden;font-size:11px;}
.right h2.yellow,h2.yellow {text-transform:none;margin:5px;color:#000;text-align:left;padding:3px 1px 3px 5px;font-size:13px;background:#FECB00;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px #666;
-moz-box-shadow: 0px 0px 5px #666;
box-shadow: 0px 0px 5px #666;
border:1px solid #FFF;
}
.extra-bar h2,.right h2,h2.grey {text-transform:none;margin:0 4px;color:#FFF;text-align:left;padding:3px;font-size:18px;background:transparent url(../gfx/headback_grey.gif) repeat-x left top;}
.extra-bar h2 b,.right h2,h2.grey b {color:#FFF;}
.extra-bar h2.yellow {color:#000;margin:4px 3px 4px;background:#FECB00;}
.extra-bar {overflow:hidden;}
.extra-bar img {margin:0 5px;width:190px;max-width:190px;}
div.extra-bar {text-align:left;float:right;width:200px;overflow:hidden;font-size:11px;}
div #news-container {height:1440px !important;}
div.extra-bar a {display:block;color:#000;text-decoration:none;padding:0 5px;}
div.extra-bar a img {margin:0 auto;}
div.extra-bar p {margin-bottom:15px;font-size:11px;color:#000;}
div.main {width:439px;margin:0 0 0 210px;text-align:left;}
div.main img {margin-top:10px;margin-bottom:10px;max-width:437px;}
div.intro {margin-bottom:15px;padding-top:10px;font-size:12px;color:#000;line-height:18px;margin-right:15px;}
div.intro a {color:#666;text-decoration:underline;}
div.intro a:hover {text-decoration:underline;}
div.intro img {margin-left:10px;margin-right:10px;}
table.content {width:437px;}
table.content td.left,
table.content td.right {font-size:11px;width:1%;color:#000;vertical-align:top;padding:0 10px 0 0;line-height:1.6em;font-weight:normal;}
table.content td.right {padding:0 0 0 10px;}
table.content td.right img {margin-top:10px;}
table.content td.left h1 {}
table.content td img {display:block;width:208px;margin-top:10px;}
table.content td.left ul,table.content td.right ul {margin:5px 0 10px 20px;padding:0;}
table.content td.left li,table.content td.right li {margin:0px;list-style: square;}
table.content td.left a,table.content td.right a {color:#666;text-decoration:none;}
table.content td.left b,table.content td.right b {color:#FECB00;display:block;margin-top:15px;font-size:9pt;}
div.newsItem {margin:0 0 15px 0;padding:0 0 15px 0;border-bottom:1px solid #8E908F;}
div.main div.newsItem h4 {font-size:12px;}
div.newsDate {float:right;font-size:10px;color:#666;letter-spacing:1px;}
.extra-top {}
.extra-top .top {border-bottom:1px solid #fff; color:#fff; font-size:18px; width:204px; margin-left:5px;}
.extra-top .middle {border-bottom:1px solid #fff; height:; color:#fff; width:204px; margin-left:5px;}
.extra-top .middle a {color:#FFD600;}
.extra-top .bottom {border-bottom:1px solid #fff; margin-left:5px; width:204px;}
.extra-bottom {margin-left:5px; width:138px;}
/* ============================================================ */
/* ======== NAVIGATIVE =============================== */
/* ============================================================ */
div.navigatie {overflow:hidden;width:200px;margin:0;}
.shop .navigatie {overflow:hidden;width:200px;margin:0;}
div.navigatie a {display:block;padding:4px 2px 4px 10px;font-size:13px;text-decoration:none;text-align:left;color:#000;border-bottom:1px solid #FFF;}
div.navigatie a:hover {color:#FFF;background-color:#333;}
div.navigatie a:active,div.navigatie a.active {color:#FFF;background-color:#000;}
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.top-right {background: #cc081e url(../gfx/redsquare.png);color:#FFF;height:100px;text-align:center; padding-top:25px;margin-bottom:4px;}
div.top-right strong {font-size:16px;}
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.right div.logos img {margin:0 auto 20px auto;overflow:hidden;}
div.shopsubmenu {border-bottom:1px solid #FFF;padding:0;margin:0;}
div.shopsubmenu a {display:block;padding:6px 2px 6px 10px;font-size:11px;text-decoration:none;text-align:left;color:#000;border-bottom:none;background:transparent url(none) no-repeat left top;}
div.shopsubmenu a:hover,
div.shopsubmenu a:active,
div.shopsubmenu a.active {color:#FFF;background-image:none;background-color:#333;}
/* ============================================================ */
/* ======== VEEL GESTELDE VRAGEN / FAQ ====================== */
/* ============================================================ */
div.faq {margin-top:7px;border-top:1px solid #8E908F;}
div.faq div.intro {margin:10px 0 10px 0;padding:0 0 10px 0;width:437px;overflow:hidden;border-bottom:1px solid #8E908F;}
div.faq div.intro img {float:left;display:block;margin:0 10px 0 0;}
/* ============================================================ */
/* ======== GROEPEN =============================== */
/* ============================================================ */
div.groepen {}
div.groepen h4 b {padding-left:2px;color:#FFF;}
/* ============================================================ */
/* ======== GASTENBOEKJE =============================== */
/* ============================================================ */
body.gastenboek {}
div.gastenboekje {margin:15px 0 15px 0;padding-bottom:10px;border-bottom:1px solid #8E908F;font-size:11px;}
div.gastenboekje table {}
div.gastenboekje td {width:150px;color:#000;font-size:11px;padding:5px 5px 5px 0;}
div.gastenboekje td.label {width:40px;color:#8E908F;}
div.gastenboekje a {color:#333;}
div.gastenboekje a:hover {text-decoration:underline;}
div.opmerking {margin-top:15px;color:#000;line-height:18px;}
div.opmerking b{display:block;color:#8E908F;}
div.pageNav {margin-top:7px;padding:4px 0 4px 0;font-size:12px;color:#8E908F;border-top:1px solid #8E908F;border-bottom:1px solid #8E908F;}
div.pageNav a {color:#333;text-decoration:none;}
div.pageNav a:hover {text-decoration:underline;}
div.pageNav span {text-align:right;}
div.pageNav span a {color:#8E908F;padding-left:10px;}
div.pageNav span a:hover {color:#FECB00;}
/* ============================================================ */
/* ======== AGENDA =============================== */
/* ============================================================ */
.agendaTable {width:465px;border-top:1px solid #333;border-left:1px solid #333;}
.agendaTable th {padding:2px 3px 2px 7px;text-align:left;font-size:11px;color:#000;border-right:1px solid #333;border-bottom:1px solid #333;background-color:#FECB00;}
.agendaTable td {padding:2px 3px 2px 7px;font-size:10px;color:#000;width:1%;border-right:1px solid #333;border-bottom:1px solid #333;background-color:#8E908F;}
.agendaTable td a {color:#000;text-decoration:none;}
.agendaTable td a:hover {text-decoration:underline;}
.agendaTable .assen td {background-color:#FFF;}
.agendaTable .avond td {background-color:#9FA0A3;}
.agendaTable .toms td {background-color:#FEDA4C;}
/* ============================================================ */
/* ======== PARTNERS =============================== */
/* ============================================================ */
div.sponsors,div.partners,div.links{margin:10px 0 10px 0;width:437px;overflow:hidden;border-top:1px solid #8E908F;}
div.sponsors img {display:block;float:left;margin:0 10px 10px 0;}
div.sponsors h1,div.partners h1,div.links h1 {text-transform:none;}
div.sponsors a,div.partners a,div.linkie a {display:block;margin-top:5px;color:#000;text-decoration:none;}
div.sponsors a:hover,div.partners a:hover,div.links a:hover {text-decoration:underline;}
div.linkie{position:relative;margin:10px 10px 0 0;padding:0 0 10px 0;width:437px;float:left;height:79px;_height:90px;border-bottom:1px solid #8E908F;}
/* ============================================================ */
/* ======== FORMULIEREN =============================== */
/* ============================================================ */
form {margin:0px;}
.formGrid {width:437px;color:#000;background-color:#FFF;margin-bottom:30px;}
div.shopmain .formGrid {width:100%;}
.formGrid th {padding:5px;font-size:11px;text-align:left;background-color:#CCC;border-bottom:2px solid #000;}
.formGrid td {padding:3px;font-size:11px;color:#000;}
.formGrid .nameCell {width:90px;padding:5px 10px 5px 20px;}
.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;}
select.select {}
textarea.textarea {width:300px;}
.formGrid input.w10 {width:60px;}
.w40 {width:121px;_width:121px;}
.w100{width:315px;}
textarea.w100 {width:311px;}
div.orangeDivider {margin-top:10px;border-top:2px solid #FECB00;font-size:1px;height:5px;}
div.greyDivider {margin-top:10px;border-top:2px solid #888;font-size:1px;height:5px;}
.homeTable {}
.homeTable td {vertical-align:top;width:44%;_width:50%;font-size:11px;color:#DDD;}
.homeTable td.left {padding-right:3%;}
.homeTable td.right {padding-left:3%;}
table.homeTable td h3 {margin-bottom:10px;font-size:20px;color:#FECB00;padding:0;background-image:none;text-transform:uppercase;font-family:Tahoma, Arial, Helvetica, Sans-serif;}
table.homeTable ul {margin:0 0 20px 20px;padding:0;color:#FECB00;}
table.homeTable ul li {color:#FECB00;list-style-type:square;}
table.homeTable ul li a {color:#DDD;text-decoration:none;}
table.homeTable ul li a:hover {color:#FECB00;text-decoration:underline;}
table.homeTable ul li span {float:right;color:#DDD;white-space:nowrap;}
.motorVanDeMaand {margin-top:10px;text-align:center;border:2px solid #FECB00;}
.motorVanDeMaand .kop {display:block;padding-top:5px;font-weight:bold;font-size:20px;color:#FECB00;text-transform:uppercase;}
.main table td .motorVanDeMaand b {display:block;margin:5px 0 10px 0;color:#000;}
.motorVanDeMaand .prijs {display:block;padding:0px 0 10px 0;font-weight:bold;font-size:20px;color:#FECB00;}
a.motorImg {display:block;margin:0 auto;width:177px;height:135px;}
a.motorImg img {margin:0 8px 8px 0;}
.main table td .motorVanDeMaand a.meerAcossions{display:block;padding:3px 0;color:#000;font-weight:bold;background-color:#FECB00;border-top:2px solid #FECB00;text-decoration:none;}
.main table td .motorVanDeMaand a.meerAcossions:hover {color:#FECB00;background-color:#000;text-decoration:none;}
.nieuwsbrief-archive {}
.nieuwsbrief-archive p {margin:0 0 5px 0;}
.nieuwsbrief-archive a {color:#000;text-decoration:underline;}
.nieuwsbrief-archive a:hover {color:#FECB00;text-decoration:underline;}
/* ============================================================ */
/* ======== SHOP =============================== */
/* ============================================================ */
.shop-items {padding-bottom:10px;text-align:left;color:#000;}
ul.shopmenu {margin:0 0 30px 0;padding:0;list-style:none;}
ul.shopmenu li,
ul.shopsubmenu li {margin:0px;padding:0;list-style:none;}
ul.shopmenu li a {display:block;padding:3px 10px;}
ul.shopmenu li.active a {
background-color: #000;
color: #FFF;
}
ul.shopmenu li a:hover {}
table.shop-content {background-color:#FFF;}
table.shop-content th {padding:5px 10px;background-color:#FECB00;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;background-color:#FECB00;text-decoration:none;}
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:100%;}
table.order-overview a {color:#999;text-decoration:underline;}
table.order-overview td {padding:3px;}
table.order-overview th {padding:12px 3px;border-bottom:1px solid #FFF;color:#FFF; 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.total td {border-top:1px solid #CCC;font-weight:bold;}
.buttons {text-align:right;height:30px;}
.buttons table {float:right;}
.buttons table td {padding-left:5px;}
.shop-buttons {margin-top:10px;}
.shop-buttons a {display:block;padding:0 5px;color:#000;background-color:#FECB00;text-decoration:none;height:20px;line-height:20px;}
.shop-buttons input {cursor:pointer;padding-bottom:2px;border:none;color:#000;background-color:#FECB00;width:80px;height:20px;}
/* NEW SHOP */
body.shop #container {background:#FFF url(../gfx/background_gradient.png) repeat-y left top;}
body div.right {text-align:center;}
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:#000;text-decoration:none;}
body div.right .basket {margin-bottom:10px;}
body div.right .filter {margin-bottom:10px;font-weight:bold;}
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 {width:125px;overflow:hidden;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;border-bottom:20px solid #FFF;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;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;border:1px solid #FFF;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px #666;
-moz-box-shadow: 0px 0px 5px #666;
box-shadow: 0px 0px 5px #666;
}
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:3px solid #EEE;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:3px solid #FECB00;text-decoration:none;}
ul.shop-overview li a span {display:block;padding:3px 0;border:1px solid #DDD;cursor:pointer;height:165px;}
ul.shop-overview li a span.oldprice {border-width:0px;}
ul.overview-specs 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 #000;}
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:110px;margin:2px auto;}
.overview-specs {font-weight:bold;}
.shop-detail {background-color:#FFF;width:620px;}
.shop-detail h2 {margin:5px 10px 20px 0px;padding-right:5px;}
.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;z-index:100;_left:20px;_right:auto;_background-image:none;_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gfx/oldprice.png", sizingMethod="image");}
.adver span.oldprice span.line {left:0;border:none;}
.shop-overview span.oldprice span.line {left:0;border:none;}
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 {background-color:#FFF;overflow:hidden;}
.related-items h2 {font-size:15px;color:#000;padding: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;}
div.specs-nav a.next {float:right;background:transparent url(../gfx/headback_yellow.gif) repeat-x left top;}
div.specs-nav a.previous {float:left;background:transparent url(../gfx/headback_grey.gif) repeat-x left top;}
.specs-nav a:hover {}
div.left .filter {margin-top:27px;margin-bottom:80px;}
div.left .filter h2 {color:#000;font-size:13px;padding:5px 2px 4px 10px;}
div.left .filter ul {margin:0px 0 0 0;padding:0;}
div.left .filter ul li {margin:0 0 0 0;border-top:1px solid #FFF;padding:4px 2px 4px 10px;}
div.left .filter ul li a {color:#000;font-size:10px;text-decoration:none;}
div.left .filter ul li a:hover {}
table.cms-overview td a {color:#000;}
/*Mike css*/
div.shopsubsubmenu {padding-left:10px;}
.white {color:#FFF;}
.button{display:block;height:40px;width:187px;text-align:center;border:1px solid #FFF;background-color:#FFD600;line-height:40px;font-size:20px;-moz-border-radius:5px;-webkit-border-radius:5px;margin-bottom:10px;margin-top:10px;}
.footer{text-align:right; padding-right:20px;font-size:10px;}
.empty-space {height: 20px;width: 160px;border-bottom:1px solid #FFF;}
.long {width:825px;}
.extra-top img{width:192px;}
.extra-bottom img{width:192px;}
.shop-buttons {padding-right:5px;}
.shop-buttons a,
.shop-buttons input,
div.specs-nav a.next, div.specs-nav a.previous,
form .formGrid th {
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 0px 5px #666;
-moz-box-shadow: 0px 0px 5px #666;
box-shadow: 0px 0px 5px #666;
border:1px solid #FFF;
}
form {padding:5px;}
form .formGrid td {padding-top:10px;}